/**
 * Final Mobile Header Override
 * Maximum specificity to ensure #F9FAFB background is applied
 * This file loads last to override all other styles
 */

/* Ultimate override with maximum specificity */
html body .careerfy-wrapper .careerfy-mobilehder-strip,
html body .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1,
html body .careerfy-mobilehder-strip,
html body .careerfy-mobilehder-strip.mobile-hder-style1,
.careerfy-mobilehder-strip.mobile-hder-style1,
.careerfy-mobilehder-strip {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
    background-image: none !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    background-repeat: repeat !important;
    background-size: auto !important;
}

/* Override any theme-specific mobile header styles */
.theme-careerfy .careerfy-wrapper .careerfy-mobilehder-strip,
.theme-careerfy .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1,
.careerfy-theme .careerfy-wrapper .careerfy-mobilehder-strip,
.careerfy-theme .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1,
.wp-jobsearch .careerfy-wrapper .careerfy-mobilehder-strip,
.wp-jobsearch .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1 {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
    background-image: none !important;
}

/* Override any dark mode styles */
@media (prefers-color-scheme: dark) {
    html body .careerfy-wrapper .careerfy-mobilehder-strip,
    html body .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1,
    html body .careerfy-mobilehder-strip,
    html body .careerfy-mobilehder-strip.mobile-hder-style1,
    .careerfy-mobilehder-strip.mobile-hder-style1,
    .careerfy-mobilehder-strip {
        background: #F9FAFB !important;
        background-color: #F9FAFB !important;
        background-image: none !important;
    }
}

/* Override any inline styles */
.careerfy-mobilehder-strip[style*="background"],
.careerfy-mobilehder-strip.mobile-hder-style1[style*="background"] {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
    background-image: none !important;
}

/* Force override for all possible parent selectors */
#careerfy-header + .careerfy-mobilehder-strip,
.careerfy-wrapper .careerfy-mobilehder-strip,
.careerfy-mobilehder-strip.mobile-hder-style1,
.careerfy-framework .careerfy-mobilehder-strip,
.careerfy-framework .careerfy-mobilehder-strip.mobile-hder-style1 {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
    background-image: none !important;
}

/* Ensure mobile header is visible and styled correctly on mobile */
@media (max-width: 991px) {
    html body .careerfy-wrapper .careerfy-mobilehder-strip,
    html body .careerfy-wrapper .careerfy-mobilehder-strip.mobile-hder-style1,
    html body .careerfy-mobilehder-strip,
    html body .careerfy-mobilehder-strip.mobile-hder-style1,
    .careerfy-mobilehder-strip.mobile-hder-style1,
    .careerfy-mobilehder-strip {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #F9FAFB !important;
        background-color: #F9FAFB !important;
        background-image: none !important;
    }
}

/* Override any CSS custom properties */
.careerfy-mobilehder-strip {
    --mobile-header-bg: #F9FAFB !important;
    --header-bg-color: #F9FAFB !important;
    --bg-color: #F9FAFB !important;
    --background-color: #F9FAFB !important;
}

/* Force override for any potential framework styles */
.careerfy-framework .careerfy-mobilehder-strip,
.careerfy-framework .careerfy-mobilehder-strip.mobile-hder-style1,
.wp-jobsearch .careerfy-mobilehder-strip,
.wp-jobsearch .careerfy-mobilehder-strip.mobile-hder-style1,
.careerfy-child .careerfy-mobilehder-strip,
.careerfy-child .careerfy-mobilehder-strip.mobile-hder-style1 {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
    background-image: none !important;
}