/* =========================================================
   SDH OSTROV – JEDNOTNÉ JEMNÉ ANIMACE WEBU
   Červené linky se nijak nepřepisují ani neanimují.
   Deaktivací pluginu se vše vrátí do původního stavu.
   ========================================================= */

/* Nadpisy – vždy stejný jemný příjezd zleva */
.sdh-anim-title {
    opacity: 0;
    transform: translateX(-20px);
    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.2,.75,.25,1);
    will-change: opacity, transform;
}

.sdh-anim-title.sdh-anim-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Karty a bloky – vždy stejný pohyb nahoru */
.sdh-anim-card {
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.2,.75,.25,1);
    will-change: opacity, transform;
}

.sdh-anim-card.sdh-anim-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Tlačítka – pouze jemná odezva při najetí */
.sdh-web-animace-active .wp-element-button,
.sdh-web-animace-active .wp-block-button__link,
.sdh-web-animace-active .sdh-pe-button {
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.sdh-web-animace-active .wp-element-button:hover,
.sdh-web-animace-active .wp-block-button__link:hover,
.sdh-web-animace-active .sdh-pe-button:hover {
    transform: translateY(-2px);
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce) {
    .sdh-anim-title,
    .sdh-anim-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .sdh-web-animace-active .wp-element-button,
    .sdh-web-animace-active .wp-block-button__link,
    .sdh-web-animace-active .sdh-pe-button {
        transition: none !important;
    }
}