/*
Theme Name: Bright Bridge Web
Theme URI: https://brightbridgeweb.com
Author: Bright Bridge Web
Author URI: https://brightbridgeweb.com
Description: Production-grade WordPress theme for Bright Bridge Web, featuring custom services, case studies, pricing, articles, and accessible UI.
Version: 1.0.5
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: brightbridge
*/

/* 1. Header background & blur */
#site-header {
    background-color: #faf8f5 !important;
    background-color: color-mix(in oklab, var(--cream) 96%, white) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(11, 27, 43, 0.08) !important;
}

/* 2. WordPress Admin Bar Compatibility */
body.admin-bar #site-header {
    top: 32px !important;
}

body.admin-bar #mobile-menu-drawer {
    top: 32px !important;
}

body.admin-bar main {
    padding-top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar #site-header {
        top: 46px !important;
    }
    body.admin-bar #mobile-menu-drawer {
        top: 46px !important;
    }
    body.admin-bar main {
        padding-top: 46px !important;
    }
}

/* 3. WCAG Focus Indicators */
:focus-visible {
    outline: 2px solid var(--orange, #e06d20) !important;
    outline-offset: 2px !important;
}

/* 4. High-visibility Skip to content link */
a.sr-only:focus,
a.sr-only:focus-visible {
    position: fixed !important;
    top: 1rem !important;
    left: 1rem !important;
    z-index: 999999 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    clip-path: none !important;
    padding: 0.75rem 1.25rem !important;
    background-color: #0b1b2b !important;
    color: #fcfbf9 !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 25px rgba(11, 27, 43, 0.4) !important;
    outline: 2px solid #e06d20 !important;
    outline-offset: 2px !important;
}

/* 5. Radix / FAQ Accordion Accessibility */
div[role="region"][data-state="open"] {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    animation: none !important;
}

div[role="region"][data-state="closed"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    animation: none !important;
}

/* 6. Respect Reduced Motion preferences */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}