/* Global Navigation Styles */
/* Navigation background changes for all pages except homepage, plus the mobile menu button fix for all pages */

/* Navigation background for all pages except homepage (page-id-34) */
body:not(.page-id-34) #ast-desktop-header .main-header-bar {
    background-color: #f8f9fa !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Optional: Additional styling for non-homepage navigation */
body:not(.page-id-34) #ast-desktop-header .main-header-bar .main-header-menu .menu-link {
    color: #333 !important;
}

body:not(.page-id-34) #ast-desktop-header .main-header-bar .main-header-menu .menu-link:hover {
    color: #1f6dff !important;
}

/* Mobile navigation background for all pages except homepage */
body:not(.page-id-34) #ast-mobile-header .main-header-bar {
    background-color: #f8f9fa !important;
}

/* Ensure phone button styling matches homepage on all pages except homepage */
body:not(.page-id-34) #ast-desktop-header .ast-header-button-1 .ast-custom-button {
    border-style: solid !important;
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
    color: #fff !important;
    border-color: var(--ast-global-color-0) !important;
    background-color: var(--ast-global-color-0) !important;
    padding-top: 16px !important;
    padding-right: 24px !important;
    padding-bottom: 16px !important;
    padding-left: 24px !important;
    font-family: 'Inter',sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1em !important;
    text-transform: capitalize !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

/* Mobile menu button (all pages): white icon on the blue button.
   The theme drew the icon in blue (--ast-global-color-1) on a blue button, and on hover/tap
   the button turns that same blue, so the icon disappeared. */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
    color: #fff !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: #fff !important;
}