/* ============================================================
   PSY EFEKT V3 — vizuál v1 + compositor optimalizace
   Nahraj na FTP: /user/documents/userfiles/custom-psy-efekt-v3.css

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

   Dvě asynchronní animace (3s + 4.7s):
     psy-v3-color — text-shadow RGB aberace
     psy-v3-blur  — filter blur + saturace (na GPU díky will-change: filter)
   Různé délky = postupně se rozcházejí → drift efekt.
   ============================================================ */

/* ── Keyframes — stejné hodnoty jako v1 ── */
@keyframes psy-v3-color {
    0%   { text-shadow: none; }
    30%  { text-shadow: -2px 0 0px rgba(227,255,72,.81), 2px 0 0px rgba(234,61,231,1); }
    50%  { text-shadow: none; }
    100% { text-shadow: none; }
}

@keyframes psy-v3-blur {
    0%   { filter: saturate(100%) blur(0px); }
    30%  { filter: saturate(220%) blur(2.5px); }
    50%  { filter: saturate(100%) blur(0px); }
    100% { filter: saturate(100%) blur(0px); }
}

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

html.psy-v3 .psy-b1:hover::after, html.psy-v3 .psy-b2:hover::after,
html.psy-v3 .psy-b3:hover::after, html.psy-v3 .psy-b4:hover::after,
html.psy-v3 .psy-car1:hover::after {
    filter: blur(3px) saturate(280%) brightness(1.1);
}

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

html.psy-v3 #navigation:hover .menu-level-1 > li > a {
    animation: psy-v3-color 3s ease-in-out infinite, psy-v3-blur 4.7s ease-in-out infinite;
    transition: none;
}

html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(1) > a { animation-delay: 0s,    0s;    }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(2) > a { animation-delay: 0.18s, 0.18s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(3) > a { animation-delay: 0.36s, 0.36s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(4) > a { animation-delay: 0.54s, 0.54s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(5) > a { animation-delay: 0.72s, 0.72s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(6) > a { animation-delay: 0.90s, 0.90s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(7) > a { animation-delay: 1.08s, 1.08s; }
html.psy-v3 #navigation:hover .menu-level-1 > li:nth-child(8) > a { animation-delay: 1.26s, 1.26s; }

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

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

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

html.psy-v3 .psy-promo:hover .psy-promo__title,
html.psy-v3 .psy-promo:hover .psy-promo__btn {
    animation: psy-v3-color 3s ease-in-out infinite, psy-v3-blur 4.7s ease-in-out infinite;
    transition: none;
}

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

html.psy-v3 .product .p-tools .btn.btn-primary:hover,
html.psy-v3 .product .btn-cart:hover,
html.psy-v3 .btn.btn-conversion:hover {
    animation: psy-v3-color 3s ease-in-out infinite, psy-v3-blur 4.7s ease-in-out infinite;
    transition: none;
}

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

html.psy-v3 .product:hover .price-final {
    animation: psy-v3-color 3s ease-in-out infinite, psy-v3-blur 4.7s ease-in-out infinite;
    transition: none;
}

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

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