/* ============================================================
   PSY EFEKT V1 — originální verze
   Nahraj na FTP: /user/documents/userfiles/custom-psy-efekt-v1.css

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

   Dvě asynchronní animace (3s + 4.7s) — RGB aberace + blur vlny
   ============================================================ */

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

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

/* ── Keyframes ── */
@keyframes psy-v1-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-v1-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); }
}

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

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

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

/* ── Bannery: titulky + tlačítka ── */
html.psy-v1 .psy-car1__claim, html.psy-v1 .psy-car1__label, html.psy-v1 .psy-car1__sub,
html.psy-v1 .psy-b1__title, html.psy-v1 .psy-b2__title,
html.psy-v1 .psy-b3__title, html.psy-v1 .psy-b4__title,
html.psy-v1 .psy-b1__btn,   html.psy-v1 .psy-b2__btn,
html.psy-v1 .psy-b3__btn,   html.psy-v1 .psy-b4__btn {
    transition: text-shadow .9s ease, filter .9s ease;
}

html.psy-v1 .psy-car1:hover .psy-car1__claim,
html.psy-v1 .psy-car1:hover .psy-car1__label,
html.psy-v1 .psy-car1:hover .psy-car1__sub,
html.psy-v1 .psy-b1:hover .psy-b1__title, html.psy-v1 .psy-b2:hover .psy-b2__title,
html.psy-v1 .psy-b3:hover .psy-b3__title, html.psy-v1 .psy-b4:hover .psy-b4__title,
html.psy-v1 .psy-b1:hover .psy-b1__btn,   html.psy-v1 .psy-b2:hover .psy-b2__btn,
html.psy-v1 .psy-b3:hover .psy-b3__btn,   html.psy-v1 .psy-b4:hover .psy-b4__btn {
    animation: psy-v1-color 3s ease-in-out infinite, psy-v1-blur 4.7s ease-in-out infinite;
    transition: none;
}

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

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

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

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

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

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

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

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