/**
 * 4-header.css
 * Header refinements — works WITH parent structure, not against it.
 *
 * Parent HTML:
 *   <header id="site-header">
 *     [mobile layout: d-block d-lg-none]
 *     [desktop layout: d-none d-lg-block]
 *   </header>
 */

/* ─── Header container ─── */
#site-header {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: 90;
    background: var(--adc-bg);
    border-top: 3px solid var(--adc-brand);
    border-bottom: 1px solid var(--adc-border);
    box-shadow: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
body.scroll-down #site-header {
    transform: translateY(0) !important; /* override parent's hide-on-scroll */
}

/* Row inside header */
#site-header .content-layout-row-inner {
    --row-padding: 0.75rem;
    gap: var(--adc-gap-4);
}

/* Logo */
#site-header .site-logo img {
    max-width: 160px !important;
    min-width: 100px;
    height: auto;
}
#site-header .site-logo .title {
    font-size: var(--adc-text-xl);
    font-weight: 800;
    color: var(--adc-brand-dark);
}

/* Desktop navigation */
#site-header .nav-menu {
    --link-padding-y: 0.6em;
    --link-padding-x: 0.75em;
}
#site-header .nav-menu > ul > li > a {
    font-size: var(--adc-text-sm);
    font-weight: 500;
    color: var(--adc-text);
    border-radius: var(--adc-radius);
    white-space: nowrap;
}
#site-header .nav-menu > ul > li > a:hover {
    color: var(--adc-brand-dark);
    background: var(--adc-brand-soft);
}
#site-header .nav-menu > ul > li > a::after {
    background: var(--adc-brand);
    height: 2px;
}

/* Dropdown menus */
#site-header .nav-menu ul ul {
    border: 1px solid var(--adc-border);
    border-radius: var(--adc-radius);
    box-shadow: var(--adc-shadow-md);
    background: var(--adc-bg);
    padding: var(--adc-gap-2);
}
#site-header .nav-menu ul ul a {
    color: var(--adc-text-muted);
    font-size: var(--adc-text-sm);
    border-radius: var(--adc-radius);
    padding: var(--adc-gap-2) var(--adc-gap-3);
}
#site-header .nav-menu ul ul a:hover {
    color: var(--adc-brand-dark);
    background: var(--adc-brand-soft);
}

/* Open buttons (hamburger, search) */
#site-header .open-btn {
    color: var(--adc-text-muted);
    border-radius: var(--adc-radius-pill);
    transition: background 200ms, color 200ms;
}
#site-header .open-btn:hover {
    background: var(--adc-brand-soft);
    color: var(--adc-brand-dark);
}

/* Side menu (slide-in) */
#side-menu {
    background: var(--adc-bg);
}
.rtl #side-menu { border-left: 3px solid var(--adc-brand); border-right: none !important; }
.ltr #side-menu { border-right: 3px solid var(--adc-brand); border-left: none !important; }

#side-menu .nav-menu a {
    font-size: var(--adc-text-md);
    font-weight: 500;
    color: var(--adc-text);
    border-radius: var(--adc-radius);
    padding: var(--adc-gap-3) var(--adc-gap-4);
}
#side-menu .nav-menu a:hover {
    background: var(--adc-brand-soft);
    color: var(--adc-brand-dark);
}

/* Search overlay */
#search-overlay {
    background: var(--adc-bg);
    border-bottom: 2px solid var(--adc-brand);
    padding: var(--adc-gap-5);
}
.search-field {
    border: 1px solid var(--adc-border);
    border-radius: var(--adc-radius);
    background: var(--adc-bg-alt);
    font-family: var(--site-font);
    font-size: var(--adc-text-md);
    color: var(--adc-text);
    padding: var(--adc-gap-3) var(--adc-gap-4);
}
.search-field:focus {
    border-color: var(--adc-brand);
    box-shadow: 0 0 0 3px rgba(110, 159, 68, .2);
    background: var(--adc-bg);
}

/* Breaking-news ticker */
#news-ticker {
    background: var(--adc-brand-dark) !important;
    border-top: 2px solid var(--adc-brand) !important;
}
.news-ticker-label {
    color: var(--adc-brand-mid) !important;
    font-weight: 700;
    font-size: var(--adc-text-sm);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Scroll-to-top */
#scroll-top {
    background: var(--adc-brand) !important;
    color: #fff !important;
    border-radius: var(--adc-radius-pill) !important;
    box-shadow: var(--adc-shadow-sm) !important;
}