/* =============================================
   F96 News - Header & Footer Theme Styling
   GeneratePress ke classes use karke
   ============================================= */

/* ── HEADER ── */
.site-header {
    background: #fff !important;
    border-bottom: 3px solid #CC0000 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    padding: 0 !important;
}

/* Header inner */
.inside-header {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

/* Logo */
.site-branding {
    flex-shrink: 0 !important;
}
.site-branding img {
    height: 52px !important;
    width: auto !important;
}
/* Site title hide (logo already hai) */
.site-title,
.site-description {
    display: none !important;
}

/* ── NAVIGATION ── */
.main-navigation,
.nav-primary {
    background: #1a1a1a !important;
    width: 100% !important;
}
.main-navigation .inside-navigation,
.nav-primary .inside-navigation {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 8px !important;
}
/* Nav links */
.main-navigation ul li a,
.nav-primary ul li a {
    color: #ccc !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 11px 14px !important;
    transition: all .2s !important;
    border-bottom: 3px solid transparent !important;
}
.main-navigation ul li a:hover,
.nav-primary ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.nav-primary ul li.current-menu-item > a {
    color: #fff !important;
    border-bottom-color: #CC0000 !important;
    background: rgba(255,255,255,.04) !important;
}
/* Remove GP nav background on links */
.main-navigation ul li,
.nav-primary ul li {
    background: transparent !important;
}

/* Mobile menu button */
.menu-toggle {
    background: #CC0000 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 14px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}
.menu-toggle:hover { background: #990000 !important; }

/* Mobile nav open state */
@media (max-width: 768px) {
    .main-navigation ul,
    .nav-primary ul {
        background: #1a1a1a !important;
    }
    .main-navigation ul li a,
    .nav-primary ul li a {
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        color: #ccc !important;
    }
}

/* ── FOOTER ── */
/* GP ke default footer bar hide karo */
.site-footer .footer-bar,
.site-footer .footer-widgets,
.copyright-bar {
    display: none !important;
}

/* Footer inner padding reset */
.site-footer .inside-footer-bar {
    display: none !important;
}

/* F96 footer ko proper display karo */
.f96-footer {
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

/* ── SEARCH BAR in header ── */
.header-search {
    display: flex !important;
    align-items: center !important;
    background: #f4f4f4 !important;
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    height: 38px !important;
    flex: 1 !important;
    max-width: 300px !important;
    transition: border-color .2s !important;
}
.header-search:focus-within {
    border-color: #CC0000 !important;
    background: #fff !important;
}
.header-search input[type="search"] {
    border: none !important;
    background: transparent !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    outline: none !important;
    width: 100% !important;
    color: #1a1a1a !important;
    box-shadow: none !important;
}
.header-search button[type="submit"] {
    background: #CC0000 !important;
    color: #fff !important;
    border: none !important;
    padding: 0 16px !important;
    height: 100% !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: background .2s !important;
    flex-shrink: 0 !important;
}
.header-search button[type="submit"]:hover { background: #990000 !important; }

/* ── CONTENT AREA ── */
/* GP ke default post listing hide karo — front-page.php handle karega */
.home .blog-entry,
.home .post,
.home article.post {
    display: none !important;
}

/* ── BODY BACKGROUND ── */
body {
    background: #f0f0f0 !important;
}

/* ── GP SITE LAYOUT ── */
.site-content {
    padding-top: 0 !important;
}
.content-area {
    padding: 0 !important;
    margin: 0 !important;
}

/* ── MOBILE HEADER FIX ── */
@media (max-width: 768px) {
    .inside-header {
        flex-wrap: wrap !important;
        padding: 8px 12px !important;
    }
    .site-branding img { height: 40px !important; }
    .header-search { max-width: 100% !important; order: 3; width: 100% !important; }
}