/* ============================================================
   RESPONSIVE - a CSS-kaszkád 5. rétege (tokens -> layout -> components -> pages -> responsive)

   Rétegeken átívelő töréspont-szabályok. Ami egy szekcióhoz tartozik, az a
   szekció saját blokkjában él (components.css) - ide csak a közös marad.
   ============================================================ */

/* ============================================================
   prefers-reduced-motion (globális kapcsoló)
   ============================================================ */
@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;
    }
}

/* ============================================================
   RESPONSIVE - desktop -> tablet -> mobil
   ============================================================ */
/* Admin-sáv: kis képernyőn rejtve (a WP saját mobil-váltása 782px), így a
   telefonos nézet azonos a látogatóéval. */
@media (max-width: 782px) {
    body.admin-bar #wpadminbar { display: none; }
    body.admin-bar { --admin-bar-h: 0px; }
    /* A :not(#wpadminbar) csak a specificitást emeli a WP saját
       "html { margin-top !important }" szabálya fölé. */
    html:not(#wpadminbar) { margin-top: 0 !important; }
}

@media (max-width: 880px) {
    .site-header__nav { display: none; }
    /* Mobilon a drawer-kereső veszi át a tálca szerepét. */
    .chrome-tray { display: none; }
    .site-header__burger { display: flex; }
    .site-drawer { display: flex; }

    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-6);
    }
}

@media (max-width: 640px) {
    /* Lábléc: egy oszlop, középre zárt alsó sáv. */
    .site-footer__grid { grid-template-columns: 1fr; }
    .site-footer__bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .site-footer__bottom .site-footer__credit { text-align: center; }
}