/* ============================================================
   PSY EFEKT V2 — optimalizovaná verze
   Nahraj na FTP: /user/documents/userfiles/custom-psy-efekt-v2.css

   Toggle v HEAD.txt:
     window.PSY_EFEKT_V2 = true;  ← zapnout
     window.PSY_EFEKT_V2 = false; ← vypnout

   Jedna animace (3.8s) — pouze text-shadow, žádný filter na textu.
   Filter zůstává jen na ::after (pozadí) — izolovaná GPU vrstva.
   ============================================================ */

/* ── Keyframe: jedna vlna, RGB aberace přes text-shadow ── */
@keyframes psy-wave {
    0%   { text-shadow: none; }
    28%  { text-shadow:
             -3px 0 6px rgba(227,255,72,.9),
              3px 0 6px rgba(234,61,231,1),
              0   0 10px rgba(255,255,255,.25); }
    52%  { text-shadow: none; }
    100% { text-shadow: none; }
}

/* ── Pozadí bannerů: filter jen na ::after (levná vrstva) ── */
html.psy-v2 .psy-b1::after, html.psy-v2 .psy-b2::after,
html.psy-v2 .psy-b3::after, html.psy-v2 .psy-b4::after,
html.psy-v2 .psy-car1::after {
    transition: transform .4s ease, opacity .4s ease, filter .35s ease !important;
    will-change: transform, filter;
}

html.psy-v2 .psy-b1:hover::after, html.psy-v2 .psy-b2:hover::after,
html.psy-v2 .psy-b3:hover::after, html.psy-v2 .psy-b4:hover::after,
html.psy-v2 .psy-car1:hover::after {
    filter: blur(2px) saturate(200%) brightness(1.05);
}

/* ── Menu: vlna zleva doprava ── */
html.psy-v2 #navigation .menu-level-1 > li > a {
    will-change: text-shadow;
    transition: text-shadow .5s ease;
}

html.psy-v2 #navigation:hover .menu-level-1 > li > a {
    animation: psy-wave 3.8s ease-in-out infinite;
    transition: none;
}

html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(1) > a { animation-delay: 0s;    }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(2) > a { animation-delay: 0.12s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(3) > a { animation-delay: 0.24s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(4) > a { animation-delay: 0.36s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(5) > a { animation-delay: 0.48s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(6) > a { animation-delay: 0.60s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(7) > a { animation-delay: 0.72s; }
html.psy-v2 #navigation:hover .menu-level-1 > li:nth-child(8) > a { animation-delay: 0.84s; }

/* ── Bannery: titulky + podtitulky + seznam + tlačítka ── */
html.psy-v2 .psy-car1__claim, html.psy-v2 .psy-car1__label, html.psy-v2 .psy-car1__sub,
html.psy-v2 .psy-b1__title,    html.psy-v2 .psy-b2__title,
html.psy-v2 .psy-b3__title,    html.psy-v2 .psy-b4__title,
html.psy-v2 .psy-b1__subtitle, html.psy-v2 .psy-b2__subtitle,
html.psy-v2 .psy-b3__subtitle, html.psy-v2 .psy-b4__subtitle,
html.psy-v2 .psy-b1__list li,  html.psy-v2 .psy-b2__list li,
html.psy-v2 .psy-b3__list li,  html.psy-v2 .psy-b4__list li,
html.psy-v2 .psy-b1__btn,      html.psy-v2 .psy-b2__btn,
html.psy-v2 .psy-b3__btn,      html.psy-v2 .psy-b4__btn {
    will-change: text-shadow;
    transition: text-shadow .9s ease;
}

html.psy-v2 .psy-car1:hover .psy-car1__claim,
html.psy-v2 .psy-car1:hover .psy-car1__label,
html.psy-v2 .psy-car1:hover .psy-car1__sub,
html.psy-v2 .psy-b1:hover .psy-b1__title,    html.psy-v2 .psy-b2:hover .psy-b2__title,
html.psy-v2 .psy-b3:hover .psy-b3__title,    html.psy-v2 .psy-b4:hover .psy-b4__title,
html.psy-v2 .psy-b1:hover .psy-b1__subtitle, html.psy-v2 .psy-b2:hover .psy-b2__subtitle,
html.psy-v2 .psy-b3:hover .psy-b3__subtitle, html.psy-v2 .psy-b4:hover .psy-b4__subtitle,
html.psy-v2 .psy-b1:hover .psy-b1__list li,  html.psy-v2 .psy-b2:hover .psy-b2__list li,
html.psy-v2 .psy-b3:hover .psy-b3__list li,  html.psy-v2 .psy-b4:hover .psy-b4__list li,
html.psy-v2 .psy-b1:hover .psy-b1__btn,      html.psy-v2 .psy-b2:hover .psy-b2__btn,
html.psy-v2 .psy-b3:hover .psy-b3__btn,      html.psy-v2 .psy-b4:hover .psy-b4__btn {
    animation: psy-wave 3.8s ease-in-out infinite;
    transition: none;
}

/* ── HP blok festivaly ── */
html.psy-v2 .psy-promo__title,
html.psy-v2 .psy-promo__btn {
    will-change: text-shadow;
    transition: text-shadow .9s ease;
}

html.psy-v2 .psy-promo:hover .psy-promo__title,
html.psy-v2 .psy-promo:hover .psy-promo__btn {
    animation: psy-wave 3.8s ease-in-out infinite;
    transition: none;
}

/* ── Tlačítka produktů ── */
html.psy-v2 .product .p-tools .btn.btn-primary,
html.psy-v2 .product .btn-cart,
html.psy-v2 .btn.btn-conversion {
    will-change: text-shadow;
    transition: text-shadow .9s ease;
}

html.psy-v2 .product .p-tools .btn.btn-primary:hover,
html.psy-v2 .product .btn-cart:hover,
html.psy-v2 .btn.btn-conversion:hover {
    animation: psy-wave 3.8s ease-in-out infinite;
    transition: none;
}

/* ── Cena produktu ── */
html.psy-v2 .price-final {
    will-change: text-shadow;
    transition: text-shadow .9s ease;
}

html.psy-v2 .product:hover .price-final {
    animation: psy-wave 3.8s ease-in-out infinite;
    transition: none;
}

/* ── Mobil: efekt vypnutý ── */
@media (max-width: 767px) {
    html.psy-v2 #navigation:hover .menu-level-1 > li > a,
    html.psy-v2 .psy-car1:hover .psy-car1__claim,
    html.psy-v2 .psy-car1:hover .psy-car1__label,
    html.psy-v2 .psy-car1:hover .psy-car1__sub,
    html.psy-v2 .psy-b1:hover .psy-b1__title,    html.psy-v2 .psy-b2:hover .psy-b2__title,
    html.psy-v2 .psy-b3:hover .psy-b3__title,    html.psy-v2 .psy-b4:hover .psy-b4__title,
    html.psy-v2 .psy-b1:hover .psy-b1__subtitle, html.psy-v2 .psy-b2:hover .psy-b2__subtitle,
    html.psy-v2 .psy-b3:hover .psy-b3__subtitle, html.psy-v2 .psy-b4:hover .psy-b4__subtitle,
    html.psy-v2 .psy-b1:hover .psy-b1__list li,  html.psy-v2 .psy-b2:hover .psy-b2__list li,
    html.psy-v2 .psy-b3:hover .psy-b3__list li,  html.psy-v2 .psy-b4:hover .psy-b4__list li,
    html.psy-v2 .psy-b1:hover .psy-b1__btn,      html.psy-v2 .psy-b2:hover .psy-b2__btn,
    html.psy-v2 .psy-b3:hover .psy-b3__btn,      html.psy-v2 .psy-b4:hover .psy-b4__btn,
    html.psy-v2 .psy-promo:hover .psy-promo__title,
    html.psy-v2 .psy-promo:hover .psy-promo__btn,
    html.psy-v2 .product .p-tools .btn.btn-primary:hover,
    html.psy-v2 .product .btn-cart:hover,
    html.psy-v2 .btn.btn-conversion:hover,
    html.psy-v2 .product:hover .price-final {
        animation: none;
    }
}

/* ── Accessibility ── */
@media (prefers-reduced-motion: reduce) {
    html.psy-v2 * { animation: none !important; }
}