/* ------------------------------------------------------------------
   Accessibility layer shared by every public page.
   Loaded AFTER each page's own <style>, so these win where they overlap.
   ------------------------------------------------------------------ */

/* Keyboard focus. Pages remove outlines for mouse/touch taps; :focus-visible
   only shows for keyboard users, so taps still look clean. Sky blue reads on
   both the dark and the white sections. */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #3ba7db !important;
    outline-offset: 3px !important;
}

/* "Skip to content" — invisible until a keyboard user tabs to it. */
.skip-link {
    position: fixed; top: 12px; left: 12px; z-index: 100000;
    padding: 0.85rem 1.25rem; border-radius: 6px;
    background: #ffffff; color: #111111;
    font: 700 0.85rem/1 'Open Sans', Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase;
    text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    transform: translateY(-200%); transition: transform 0.15s ease;
}
.skip-link:focus { transform: translateY(0); }

/* Hamburger is a real <button> now — strip the browser's button styling. */
button.hamburger { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; }

/* Text only screen readers hear. */
.sr-only {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ---- Contrast (WCAG AA 4.5:1 for normal text) ---- */

/* Brand red is 3.65:1 on the #111 sections; this lighter brand red is 5.2:1.
   On white the original red (5.2:1) is kept. */
#services .label-text, #values .label-text, .bg-dark .label-text,
#testimonials .label-text, #register .label-text,
.testimonial-badge { color: #ec4d55 !important; }

/* Testimonial author role was 3.8:1 → ~5.3:1. */
.testimonial-title { color: rgba(255, 255, 255, 0.52) !important; }

/* The ghosted "01–06" service numbers are decorative (aria-hidden), which WCAG
   exempts from contrast — left as designed. */

/* Footer headings, copyright and legal links were 3.8:1 on #111 → ~5.3:1. */
.footer-heading, .footer-bottom { color: rgba(255, 255, 255, 0.52) !important; }

/* White on WhatsApp green was 1.98:1 → deeper WhatsApp green, 5.4:1. */
.btn-whatsapp { background-color: #0f7a3f !important; color: #ffffff !important; }
.btn-whatsapp:hover { background-color: #0b6634 !important; }

/* ---- Motion ---- */
/* People who turn on "reduce motion" (vestibular disorders, migraines) get
   instant reveals instead of slides, fades and parallax. */
@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;
    }
    .hero-bg, .inner-hero { background-attachment: scroll !important; }
    #intro-overlay { display: none !important; }
}