/* =====================================================================
   Hero Plumbing — Nav Font & Dropdown Consistency Fix
   Forces Proxima Nova across ALL nav levels (top, dropdown, sub-dropdown)
   and standardises dropdown panel styling so menus look consistent
   sitewide. Loads after faq-fix.css to override Webflow defaults.
   ===================================================================== */

/* ── FONT — force Proxima Nova on every nav surface ── */
.topnavbar,
.topnavbar .w-nav-menu,
.topnavbar .w-nav-link,
.topnavbar .topnavlink,
.topnavbar .nav-header,
.topnavbar .w-dropdown,
.topnavbar .w-dropdown-toggle,
.topnavbar .w-dropdown-link,
.topnavbar .w-dropdown-list,
.topnavbar .navbar1_dropdown-list,
.topnavbar .navbar1_dropdown-link,
.topnavbar .navbar1_dropdwn-toggle,
.topnavbar .submenu-level-3,
.topnavbar .submenu-level-3-link,
.topnavbar .has-submenu-link {
    font-family: 'Proxima nova', Proximanova, Montserrat, sans-serif !important;
}

/* ── DESKTOP NAV ALIGNMENT + DROPDOWN PANEL (>= 992px) ── */
@media screen and (min-width: 992px) {

    /* Force vertical centre alignment across the entire nav bar */
    .topnavbar {
        display: flex !important;
        align-items: center !important;
    }

    .topnavbar .navbar1_container,
    .topnavbar .w-container {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    .topnavbar .navbar1_menu.w-nav-menu,
    .topnavbar .w-nav-menu {
        display: flex !important;
        align-items: center !important;
        height: auto !important;
    }

    /* Nav links + dropdown toggles: vertically centre within the bar */
    .topnavbar .topnavlink,
    .topnavbar .w-nav-link {
        display: flex !important;
        align-items: center !important;
    }

    .topnavbar .navbar1_dropdwn-toggle.w-dropdown-toggle {
        display: flex !important;
        align-items: center !important;
    }

    .topnavbar .navbar1_menu-dropdown.w-dropdown {
        display: flex !important;
        align-items: center !important;
    }

    /* Phone CTA block: vertically centre with nav items */
    .topnavbar .link-block-20 {
        display: flex !important;
        align-items: center !important;
    }

    /* Top-level nav links — consistent weight & size */
    .topnavbar .topnavlink,
    .topnavbar .topnavlink strong,
    .topnavbar .nav-header {
        font-family: 'Proxima nova', Proximanova, Montserrat, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    /* Dropdown list panel */
    .topnavbar .navbar1_dropdown-list.w-dropdown-list,
    .topnavbar .w-dropdown-list {
        background: #fff !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        border-top: 3px solid #e10916 !important;
        border-radius: 0 0 6px 6px !important;
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10) !important;
        padding: 8px 0 !important;
        min-width: 240px !important;
    }

    /* 2nd-level dropdown links */
    .topnavbar .navbar1_dropdown-link,
    .topnavbar .w-dropdown-link {
        font-family: 'Proxima nova', Proximanova, Montserrat, sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 500 !important;
        color: #333 !important;
        padding: 10px 20px !important;
        text-decoration: none !important;
        transition: background 0.15s ease, color 0.15s ease !important;
        display: block !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .topnavbar .navbar1_dropdown-link:hover,
    .topnavbar .navbar1_dropdown-link:focus,
    .topnavbar .w-dropdown-link:hover,
    .topnavbar .w-dropdown-link:focus {
        background: #fef2f2 !important;
        color: #e10916 !important;
    }

    .topnavbar .navbar1_dropdown-link.w--current,
    .topnavbar .w-dropdown-link.w--current {
        color: #e10916 !important;
        font-weight: 600 !important;
    }

    /* 3rd-level submenu links */
    .topnavbar .submenu-level-3-link {
        font-family: 'Proxima nova', Proximanova, Montserrat, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #444 !important;
    }

    .topnavbar .submenu-level-3-link:hover,
    .topnavbar .submenu-level-3-link:focus {
        background: #fef2f2 !important;
        color: #e10916 !important;
    }

    /* Override Webflow default dropdown background (#ddd) */
    .w-dropdown-list {
        background-color: #fff !important;
    }

    /* Override Webflow default dropdown link colour */
    .w-dropdown-link {
        color: #333 !important;
    }
}

/* ── MOBILE (≤ 991px) — reinforce font on drawer items ── */
@media screen and (max-width: 991px) {

    .topnavbar .w-nav-link.topnavlink,
    .topnavbar .w-nav-link.topnavlink strong,
    .topnavbar .navbar1_dropdwn-toggle .nav-header,
    .topnavbar .navbar1_dropdown-link,
    .topnavbar .has-submenu-link,
    .topnavbar .submenu-level-3-link,
    .topnavbar .w-dropdown-link {
        font-family: 'Proxima nova', Proximanova, Montserrat, sans-serif !important;
    }

    /* Ensure drawer dropdown panels use white background, not Webflow #ddd */
    .topnavbar .navbar1_dropdown-list.w-dropdown-list,
    .topnavbar .w-dropdown-list {
        background: #fafafa !important;
    }
}