/* ==========================================================================
   RESPONSIVE.CSS — Breakpoints Swiss Charity
   Mobile-first
   ========================================================================== */

/* ── Mobile : < 576px ──────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    :root { --header-h: 60px; }

    .nav-links { display: none !important; }
    .nav-actions .btn-swiss { display: none !important; }
    .burger-btn { display: flex !important; }

    .hero-section { min-height: 80vh; }
    .hero-content { padding: var(--space-6) 0; }

    .newsletter-input-group { flex-direction: column; }
    .newsletter-input-group input { border-right: 2px solid var(--grey); border-radius: var(--radius); }
    .newsletter-input-group .btn-swiss { border-radius: var(--radius); width: 100%; justify-content: center; }

    .footer-legal { justify-content: flex-start; }

    .event-card { flex-direction: column; }
    .event-date-box { width: 100%; display: flex; gap: var(--space-1); align-items: center; }
    .event-date-day { font-size: 1.4rem; }

    .hero-graphic { display: none; }
    body::after { display: none; }
}

/* ── Tablette : 576px – 991px ──────────────────────────────────────────────── */
@media (min-width: 576px) and (max-width: 991.98px) {
    .nav-links { display: none !important; }
    .burger-btn { display: flex !important; }
    .nav-actions .btn-swiss { display: none !important; }
}

/* ── Desktop : ≥ 992px ─────────────────────────────────────────────────────── */
@media (min-width: 992px) {
    .burger-btn { display: none !important; }
    .mobile-menu { display: none !important; }
}

/* ── Large desktop : ≥ 1200px ──────────────────────────────────────────────── */
@media (min-width: 1200px) {
    .brand-text small { display: block; }
}

/* ── Dark mode optionnel ───────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
    body.dark-mode {
        --white:       #121212;
        --grey-bg:     #1E1E1E;
        --grey-border: #333333;
        --dark:        #F5F5F5;
        --grey:        #CCCCCC;
        --grey-mid:    #999999;
    }
}

/* ── Print ─────────────────────────────────────────────────────────────────── */
@media print {
    .site-header,
    .scroll-progress,
    .loader-screen,
    .back-to-top,
    .newsletter-section { display: none !important; }
}

/* ── Accessibility: reduced motion ────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}