/**
 * Mobile Header Override Styles
 * Maximum specificity to override parent theme styles
 */

/* Override parent theme mobile header styles with maximum specificity */
body .careerfy-wrapper .careerfy-mobilehder-strip,
body .careerfy-wrapper .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 dark mode or theme-specific styles */
@media (prefers-color-scheme: dark) {
    body .careerfy-wrapper .careerfy-mobilehder-strip,
    body .careerfy-wrapper .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 or theme options */
.careerfy-mobilehder-strip[style*="background"],
.careerfy-mobilehder-strip.mobile-hder-style1[style*="background"] {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
}

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

/* Override any CSS variables that might be setting background */
.careerfy-mobilehder-strip {
    --mobile-header-bg: #F9FAFB !important;
    --header-bg-color: #F9FAFB !important;
}

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

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

/* Force override for any potential parent theme selectors */
.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 {
    background: #F9FAFB !important;
    background-color: #F9FAFB !important;
}