/* GujaratFirst-style Master CSS for sortdnews theme */

/* RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Mukta',sans-serif;background:#f8f9fa;color:#111}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* CONTAINER */
.gf-container{max-width:1250px;margin:0 auto;padding:0 15px}

/* TOPBAR */
.gf-topbar{background:#fff;border-bottom:1px solid #eee;font-size:15px}
.gf-topbar .gf-top-menu li{display:inline-block;margin-left:15px}
.gf-date{color:#e31e23;font-weight:600}

/* HEADER */
.gf-header{background:#fff;transition:.3s}
.gf-header-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.gf-header-actions{display:flex;gap:10px;font-size:20px}
.gf-icon-btn{background:0;border:0;cursor:pointer}

/* CATEGORY BAR */
.gf-category-bar{border-top:1px solid #eee;background:#fff}
.gf-category-scroll{display:flex;gap:12px;overflow-x:auto;padding:10px 0}
.gf-cat-item{padding:8px 14px;border-radius:20px;border:1px solid #ddd;white-space:nowrap;transition:.2s}
.gf-cat-item:hover{background:#e31e23;color:#fff;border-color:#e31e23}

/* MOBILE MENU */
.gf-mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999;transform:translateX(-100%);transition:.35s}
.gf-mobile-menu.active{transform:translateX(0)}
.gf-mobile-nav li{padding:14px;border-bottom:1px solid #eee}
.gf-mobile-close{font-size:22px;background:0;border:0;cursor:pointer}

/* SEARCH BOX */
.gf-search-box{position:fixed;top:70px;left:0;right:0;background:#fff;padding:12px;display:none;z-index:9998}
.gf-search-box.active{display:block}
.gf-search-form{display:flex;gap:10px}
.gf-search-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px}

/* POST LIST */
.gf-post-card{background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;margin-bottom:22px;transition:.3s}
.gf-post-card:hover{box-shadow:0 6px 25px rgba(0,0,0,.08)}
.gf-post-content{padding:15px}
.gf-post-title{font-size:20px;font-weight:700;margin-bottom:10px}
.gf-post-meta{font-size:14px;color:#555;margin-bottom:12px}

/* SINGLE POST */
.gf-single-header{text-align:center;padding:20px 0;border-bottom:1px solid #eee}
.gf-single-meta{margin-top:10px;color:#444;font-size:15px}
.gf-single-content{padding:20px 0;font-size:18px;line-height:1.7}

/* RELATED POSTS */
.gf-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}
.gf-rel-item{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px;transition:.2s}
.gf-rel-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.gf-rel-item h4{font-size:17px;margin-top:10px}

/* FOOTER */
.gf-footer{margin-top:40px;background:#0f172a;color:#e2e8f0;padding-top:40px}
.gf-footer-top{display:flex;gap:25px;flex-wrap:wrap}
.gf-footer-col{flex:1;min-width:250px}
.gf-footer-col h4{margin-bottom:10px;font-size:18px;color:#fff}
.gf-footer-col ul li{margin-bottom:8px}
.gf-footer-col ul li a{color:#e2e8f0}
.gf-footer-bottom{text-align:center;background:#111827;margin-top:30px;padding:15px 0}

/* DARK MODE */
body.dark-mode{background:#0f172a;color:#e2e8f0}
body.dark-mode .gf-header,body.dark-mode .gf-category-bar,body.dark-mode .gf-topbar{background:#1e293b;color:#e2e8f0}
body.dark-mode .gf-cat-item{border-color:#555;color:#ddd}
body.dark-mode .gf-cat-item:hover{background:#e31e23;color:#fff}

/* STICKY HEADER */
body.sticky-active .gf-header{position:fixed;top:0;left:0;width:100%;z-index:9999;box-shadow:0 6px 20px rgba(0,0,0,.12)}

/* RESPONSIVE */
@media(max-width:768px){
  .gf-header-inner{flex-direction:row}
  .gf-primary-nav{display:none}
  .gf-category-scroll{padding:6px}
}