/**
 * Service Oklahoma Branding CSS Overrides
 *
 * These rules ensure blue backgrounds display correctly
 * for ServiceOK header and footer elements.
 *
 * IMPORTANT: This file must load AFTER HeaderFooter.css to properly override defaults
 */

/* Remove slate-gray background from body to prevent interference */
body.slate-gray {
    background-color: #FFFFFF !important;
}

/* Global Header - Blue background */
.cmp-global-header {
    background-color: #0066AA !important;
    padding: 10px 0 !important;
}

/* Agency Header Wrapper - WHITE background for Service Oklahoma logo */
.cmp-agency-header-wrapper {
    background-color: #FFFFFF !important; /* White background */
    padding: 15px 0 !important;
}

/* Agency Header text should be dark, not white */
.cmp-agency-header-wrapper,
.cmp-agency-header-wrapper * {
    color: #000000 !important;
}

/* Agency Header links should be normal color */
.cmp-agency-header-wrapper a,
.cmp-agency-header-wrapper a * {
    color: inherit !important;
}

/* Agency Footer - Blue background */
.cmp-agency-footer {
    background-color: #0066AA !important;
    padding: 20px 0 !important;
}

/* Agency Footer Top Section */
.cmp-agency-footer__top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Global Footer - Dark gray background (standard) */
.cmp-global-footer {
    background-color: #212529 !important;
    color: #FFFFFF !important;
    padding: 20px 0 !important;
}

/* Ensure all text and elements are white on blue backgrounds (excluding agency header) */
.cmp-global-header,
.cmp-global-header *,
.cmp-agency-footer,
.cmp-agency-footer * {
    color: #FFFFFF !important;
}

/* Ensure links are white and visible on blue backgrounds */
.cmp-global-header a,
.cmp-global-header a *,
.cmp-agency-footer a,
.cmp-agency-footer a * {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Back to top button styling */
.cmp-back-to-top {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Footer links */
.footer-container__links a {
    color: #FFFFFF !important;
}