/* =============================================================
   KDV Custom Header — style-6 compact green single-bar nav
   Replaces td-standard-pack CSS absent on Newspaper 12.7.5 prod
   ============================================================= */

/* Override Newspaper theme color variable to KDV green */
:root {
    --td_theme_color: #2D6A2D;
}

/* Hide the empty top bar area */
.td-header-style-6 .td-header-top-menu-full {
    display: none;
}

/* Green nav bar background — override default #151515 with KDV green */
.td-header-style-6 .td-header-menu-wrap-full {
    background-color: var(--kdv-primary, #2D6A2D);
}

/* Sticky affix also green */
.td-header-style-6 .td-affix {
    background-color: var(--kdv-primary-dark, #245224);
    background-color: rgba(36, 82, 36, 0.95);
}

/* #td-header-menu: display block (parent theme hides it) */
.td-header-style-6 #td-header-menu {
    display: block;
}

/* Nav links — white text */
.td-header-style-6 .sf-menu > li > a {
    color: #fff;
    line-height: 64px;
}

/* No underline accent on hover (style-6 removes it) */
.td-header-style-6 .sf-menu > li > a:after {
    display: none;
}

/* Hover / active nav link bg — !important overrides Newspaper inline primary color */
.td-header-style-6 .black-menu .sf-menu > .current-menu-item > a,
.td-header-style-6 .black-menu .sf-menu > .current-menu-ancestor > a,
.td-header-style-6 .black-menu .sf-menu > .current-category-ancestor > a,
.td-header-style-6 .black-menu .sf-menu > li > a:hover,
.td-header-style-6 .black-menu .sf-menu > .sfHover > a {
    background-color: var(--kdv-primary) !important;
}

/* Float nav to the right */
.td-header-style-6 .sf-menu {
    float: right;
}

/* ---- Logo in nav bar ---- */
.td-main-menu-logo {
    display: none;
    float: left;
    margin-right: 10px;
    height: 48px;
}
.td-main-menu-logo a {
    line-height: 48px;
}
.td-main-menu-logo img {
    padding: 3px 0;
    position: relative;
    vertical-align: middle;
    max-height: 48px;
    width: auto;
}

/* Style-6: show the logo in the nav, taller bar */
.td-header-style-6 .td-main-menu-logo {
    display: block;
    margin-right: 24px;
    height: 64px;
}
.td-header-style-6 .td-main-menu-logo a {
    line-height: 64px;
}
.td-header-style-6 .td-main-menu-logo img {
    max-height: 52px;
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1018px) {
    .td-header-style-6 .td-main-menu-logo {
        margin-right: 10px;
    }
    .td-header-style-6 .sf-menu > li > a {
        padding: 0 9px;
        font-size: 11px;
    }
}

/* Mobile: collapse logo (mobile menu takes over) */
@media (max-width: 767px) {
    .td-header-style-6 .td-main-menu-logo {
        float: left;
        margin: 0;
        display: inline;
        width: 0;
        height: 0;
    }
    .td-header-style-6 .td-header-main-menu {
        height: 54px;
    }
}

/* ---- td-logo-in-menu sticky logic ----
   td-sticky-header class = show on desktop, hide on mobile.
   td-mobile-logo = hidden on desktop, shown on mobile (via sticky affix).
   This matches what td-standard-pack CSS does for style-6 logo. */

.td-logo-in-menu .td-sticky-header.td-mobile-logo {
    display: none;
}
@media (max-width: 767px) {
    .td-logo-in-menu .td-sticky-header.td-mobile-logo {
        display: block;
    }
}
.td-logo-in-menu .td-sticky-header.td-header-logo {
    display: block;
}
@media (max-width: 767px) {
    .td-logo-in-menu .td-sticky-header.td-header-logo {
        display: none;
    }
}

/* visually hidden span (accessibility) */
.td-visual-hidden {
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

/* ---- Search icon color on green bar ---- */
.td-header-style-6 .header-search-wrap .td-icon-search {
    color: #fff;
}

/* Sub-menu background */
.td-header-style-6 .sf-menu ul {
    background-color: #fff;
}

/* Stretch content fix (full-width container mode) */
@media (min-width: 1140px) {
    .td-header-style-6 .td_stretch_content #td-header-menu {
        padding: 0 21px;
    }
}