/* =====================================================================
   site.css — warstwa własna wersji statycznej.
   Ładowana jako ostatnia. Zawiera:
     1) reguły, które na produkcji wstrzykiwał PHP (fix_safari_scroll),
     2) style klas użytych w treści, a nigdzie niezdefiniowanych,
     3) drobne poprawki RWD i wydajności.
   ===================================================================== */

/* --- 1. Odpowiednik fix_safari_scroll() z functions.php -------------- */

html,
body {
    overflow-x: hidden !important;
}

body {
    overscroll-behavior-x: none;
}

.full-width-header,
.full-width {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
}

/* --- 2. Klasy używane w treści, bez definicji w motywie -------------- */

/* Opis nad kafelkami EXPO / sceny partnerów (zakładki 2-6, 2-7). */
.day-description {
    max-width: 880px;
    margin: 0 auto;
    padding: 24px 16px 8px;
    text-align: center;
    font-family: Lato, sans-serif;
    line-height: 1.5;
}

.day-description h2 {
    margin-bottom: 16px;
}

/* Łamanie adresu e-mail tylko na wąskich ekranach. */
.email-mobile-break {
    display: none;
}

@media (max-width: 575.98px) {
    .email-mobile-break {
        display: inline;
    }
}

/* --- 3. Bezpieczniki responsywności ---------------------------------- */

img,
video,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

/* Szerokie treści w zakładkach agendy nie mogą rozpychać strony. */
.days-content table,
.agenda__collapse-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
}

/* Osadzenia Vimeo w sekcji „Dlaczego warto” mają wymuszony padding-top 100%;
   na telefonie kwadrat 1:1 zabiera pół ekranu — ograniczamy do 16:9. */
@media (max-width: 767.98px) {
    .wp-bootstrap-blocks-row [style*="padding:100% 0 0 0"] {
        padding-top: 56.25% !important;
    }
}

/* --- 4. Dostępność ---------------------------------------------------- */

a:focus-visible,
button:focus-visible,
.event-link:focus-visible,
.day-tab:focus-visible {
    outline: 3px solid #ee312f;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}