/*
 * style.css — ExtraLaserBowl
 * Feuille de style externe complémentaire (surcharges, print, accessibility).
 * Les styles principaux sont inlinés dans header.php et index.php
 * pour des raisons de performance et de couplage fort avec le PHP.
 */

/* ── Focus visible (accessibilité clavier) ────────────────────────────── */
*:focus-visible {
    outline: 2px solid #017bd3;
    outline-offset: 3px;
    border-radius: 4px;
}

/* ── Réduction de mouvement (accessibilité) ───────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    html { scroll-behavior: auto; }
}

/* ── Print ────────────────────────────────────────────────────────────── */
@media print {
    #site-header,
    #site-footer,
    .back-to-top,
    .hero-section,
    .hero-scroll-hint { display: none !important; }

    body {
        background: #fff !important;
        color: #000 !important;
    }
}

/* ── Message réservation bientôt disponible ──────────────────── */
.resa-bientot {
    display: inline-flex; align-items: center; gap: .6rem;
    background: linear-gradient(135deg, rgba(216,22,26,.18) 0%, rgba(216,22,26,.08) 100%);
    border: 1.5px solid rgba(216,22,26,.55);
    color: #fff;
    font-size: .85rem; font-weight: 600; font-style: normal;
    padding: .7rem 1.2rem; border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(216,22,26,.12), 0 4px 16px rgba(0,0,0,.3);
    line-height: 1.4;
}
.resa-bientot i { color: var(--rouge, #d8161a); font-size: .8rem; flex-shrink: 0; }

/* Variante dans la navbar (plus compacte) */
.resa-bientot--nav {
    font-size: .7rem; padding: .45rem .85rem;
    text-align: center; line-height: 1.45;
}
.resa-bientot--nav strong { color: #fff; font-style: normal; }

/* Light mode */
body.theme-clair .resa-bientot {
    background: linear-gradient(135deg, rgba(216,22,26,.1) 0%, rgba(216,22,26,.04) 100%);
    border-color: rgba(216,22,26,.5);
    color: #b00;
    box-shadow: 0 0 0 3px rgba(216,22,26,.08), 0 4px 12px rgba(0,0,0,.08);
}
body.theme-clair .resa-bientot i { color: var(--rouge, #d8161a); }