/* ==========================================================================
   MAINSPRING NAVIGATION OVERRIDES (HIGH SPECIFICITY)
   ========================================================================== */

/* 1. Top-Level Navigation Links */
body ul.wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content {
    font-family: franklin-gothic-atf, sans-serif !important;
    color: var(--wp--preset--color--mainspring-black) !important; 
    font-size: 3vw !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Link Hover State */
body ul.wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--mainspring-blue) !important;
}

/* 2. Dropdown (Submenu) Container */
body ul.wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--mainspring-off-white) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    border-radius: 4px !important;
    padding: 10px 0 !important;
    min-width: 220px !important;
}

/* 3. Dropdown Links */
body ul.wp-block-navigation__submenu-container .wp-block-navigation-item a.wp-block-navigation-item__content {
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--wp--preset--color--mainspring-gray) !important;
}

/* Dropdown Link Hover State */
body ul.wp-block-navigation__submenu-container .wp-block-navigation-item a.wp-block-navigation-item__content:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--mainspring-blue) !important;
}

/* 4. Mobile Menu Overrides (The Hamburger Overlay) */
body .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--mainspring-white) !important;
    color: var(--wp--preset--color--mainspring-black) !important;
}

/* Mobile Menu Close Button */
body .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--mainspring-black) !important;
}

/* Ensure mobile links are large and tap-friendly */
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a.wp-block-navigation-item__content {
    font-size: 20px !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}