/*
 * Dadia's Blend — universal shared navigation typography
 *
 * This intentionally changes TYPOGRAPHY ONLY.
 * It does not change:
 * - header height
 * - logo sizing/switching
 * - reverse-scroll behavior
 * - sticky behavior
 * - dropdown positioning
 * - mobile navigation mechanics
 * - colors/backgrounds
 *
 * Matches the navigation treatment currently used on the modernized index.php.
 */

/* Top-level menu + dropdown typography */
.header-with-topbar .navbar-nav,
.header-with-topbar .navbar-nav .nav-link,
.header-with-topbar .dropdown-menu a,
.header-with-topbar .dropdown-menu .dropdown-header,
.header-with-topbar .megamenu-content a,
.header-with-topbar .megamenu-content .dropdown-header {
    font-family: "Montserrat", "Inter", Arial, sans-serif !important;
}

/* Primary navigation */
.header-with-topbar .navbar-nav > .nav-item > .nav-link {
    font-weight: 800 !important;
}

/* Dropdown links stay strong but slightly quieter than the primary menu */
.header-with-topbar .dropdown-menu a,
.header-with-topbar .megamenu-content a {
    font-weight: 700 !important;
}

/* Section labels inside mega/dropdown menus */
.header-with-topbar .dropdown-menu .dropdown-header,
.header-with-topbar .megamenu-content .dropdown-header {
    font-weight: 900 !important;
}

/*
 * Preserve the Litho theme's existing font size, line-height, padding,
 * letter spacing and responsive calculations by not redefining them here.
 */

/* ==========================================================
   Exact index.php navigation visual match
   ========================================================== */

:root {
    --dadias-nav-ink: #1f1d17;
    --dadias-nav-paprika: #842f23;
    --dadias-nav-cream: #fbf7ec;
}

/* Darker primary navigation typography, matching index.php. */
.header-with-topbar .navbar-nav > .nav-item > .nav-link {
    color: var(--dadias-nav-ink) !important;
    font-weight: 800 !important;
}

/* Paprika hover treatment from the revised index.php. */
.header-with-topbar .navbar-nav > .nav-item > .nav-link:hover,
.header-with-topbar .navbar-nav > .nav-item:hover > .nav-link,
.header-with-topbar .navbar-nav > .nav-item.active > .nav-link {
    color: var(--dadias-nav-paprika) !important;
}

/*
 * Dropdown / megamenu panel:
 * cream field with the 4px paprika accent line from index.php.
 */
@media (min-width: 992px) {
    .header-with-topbar .navbar-nav > li > .dropdown-menu,
    .header-with-topbar .navbar-nav > li > .megamenu-content,
    .header-with-topbar .dropdown-menu,
    .header-with-topbar .megamenu-content {
        background: var(--dadias-nav-cream) !important;
        background-color: var(--dadias-nav-cream) !important;
        border-top: 4px solid var(--dadias-nav-paprika) !important;
    }

    /*
     * Make the dropdown copy visually darker/stronger than the first pass.
     * This matches the heavier appearance of the revised index.php menu.
     */
    .header-with-topbar .dropdown-menu a,
    .header-with-topbar .megamenu-content a {
        color: var(--dadias-nav-ink) !important;
        font-weight: 800 !important;
    }

    .header-with-topbar .dropdown-menu .dropdown-header,
    .header-with-topbar .megamenu-content .dropdown-header {
        color: var(--dadias-nav-ink) !important;
        font-weight: 900 !important;
    }

    .header-with-topbar .dropdown-menu a:hover,
    .header-with-topbar .dropdown-menu li:hover > a,
    .header-with-topbar .megamenu-content a:hover,
    .header-with-topbar .megamenu-content li:hover > a {
        color: var(--dadias-nav-paprika) !important;
    }
}

/*
 * Keep mobile menu mechanics and panel styling controlled by the original
 * Litho/Bootstrap navigation. Typography remains Montserrat from the shared
 * rules above.
 */

/* ==========================================================
   Universal Dadia header shell
   Brings shared-header blog pages in line with index/product pages.
   ========================================================== */

:root {
    --dadias-header-gold: #d1a340;
    --dadias-header-ink: #1f1d17;
    --dadias-header-paprika: #842f23;
}

/* Gold top bar + navigation field. */
.header-with-topbar .top-bar,
.header-with-topbar .navbar,
.header-with-topbar .navbar.header-reverse-scroll,
header.sticky .navbar {
    background: var(--dadias-header-gold) !important;
    background-color: var(--dadias-header-gold) !important;
}

/* Fine separator detail retained from the modernized pages. */
.header-with-topbar .top-bar {
    border-bottom: 1px solid rgba(31, 29, 23, .12) !important;
}

.header-with-topbar .navbar {
    border-bottom: 1px solid rgba(31, 29, 23, .14) !important;
}

/* Top-bar contact + social icons use Deep Ink. */
.header-with-topbar .dadias-top-link,
.header-with-topbar .dadias-top-link i,
.header-with-topbar .header-social-icon a,
.header-with-topbar .header-cart-icon {
    color: var(--dadias-header-ink) !important;
}

/* Paprika hover for social/contact cues. */
.header-with-topbar .header-social-icon a:hover,
.header-with-topbar .dadias-top-link:hover {
    color: var(--dadias-header-paprika) !important;
}

/*
 * Keep mobile behavior controlled by the existing Litho/Bootstrap
 * navigation; only carry the approved typography/colors through.
 */
@media (max-width: 991px) {
    .header-with-topbar .navbar,
    header.sticky .navbar {
        background: var(--dadias-header-gold) !important;
        background-color: var(--dadias-header-gold) !important;
    }
}