/* Oprawa okazjonalna publicznych stron; formularze i dane klienta nie są dekorowane. */
body.styl-lkh[data-motyw-www] .site-header { border-bottom-color:var(--motyw-akcent-jasny); }
body.styl-lkh[data-motyw-www="niepodleglosc"] .site-header { border-image:linear-gradient(90deg,#fff 50%,#c82740 50%) 1; border-bottom-width:3px; }

/* Szeroki kadr pozostawia spokojne, ciemne miejsce pod treścią baneru. */
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony) {
    --lkh-tekst:#fff; --lkh-opis:#e4e7e9; --lkh-akcent:var(--motyw-akcent);
    --lkh-przycisk:var(--motyw-akcent); --lkh-na-przycisku:var(--motyw-tlo-ciemne);
    --lkh-linia:#ffffff38;
    position:relative; isolation:isolate; overflow:hidden;
    background:var(--motyw-naglowek); color:#fff;
    min-height:clamp(540px,41vw,780px); padding-block:3rem;
}
body.styl-lkh[data-motyw-www] #main-content :is(.baner-zdjecie,.baner-podstrony-zdjecie) { display:none; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony)::after { display:none; }
.motyw-www-ilustracja {
    position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(90deg,var(--motyw-naglowek) 0%,color-mix(in srgb,var(--motyw-naglowek) 88%,transparent) 30%,transparent 76%),var(--motyw-www-baner) 70% 54% / cover no-repeat;
}
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero-copy,.baner-podstrony-tresc) { position:relative; z-index:2; width:53%; max-width:46rem; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony) h1,
body.styl-lkh[data-motyw-www] #main-content .operator-hero h1 span { color:#fff; -webkit-text-fill-color:currentColor; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-lead,.baner-podstrony-opis,.baner-oferta p) { color:#e4e7e9; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero .operator-eyebrow,.baner-podstrony-etykieta) { color:var(--motyw-akcent); }
body.styl-lkh[data-motyw-www] #main-content .baner-oferta { border-color:#ffffff38; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero .btn-primary,.baner-podstrony-przycisk) {
    background:var(--motyw-akcent); border-color:var(--motyw-akcent); color:var(--motyw-tlo-ciemne);
}
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero .btn-outline,.baner-podstrony-link) { color:#fff !important; border-color:#ffffff80; }
body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony) a:focus-visible { outline:3px solid #fff; outline-offset:5px; }
body.styl-lkh[data-motyw-www] #main-content .motyw-www-podpis {
    display:flex; align-items:center; gap:.7rem; color:var(--motyw-akcent);
    font-size:.85rem; line-height:1.5; font-weight:600; margin:0 0 1.4rem;
}
.motyw-www-podpis::before { content:''; width:2rem; height:1px; flex:0 0 2rem; background:currentColor; }
.motyw-www-ruch {
    position:absolute; z-index:3; right:5%; bottom:1rem; min-height:44px;
    border:1px solid #ffffff60; border-radius:6px; padding:.45rem .8rem;
    background:#101923dd; color:#fff; font:inherit; font-size:.72rem; cursor:pointer;
}
.motyw-www-ruch[hidden] { display:none; }
.motyw-www-ruch:hover { background:#101923; border-color:#fff; }
.motyw-www-ruch:focus-visible { outline:3px solid #fff; outline-offset:4px; }
[data-motyw-www="niepodleglosc"] .motyw-www-podpis::before { height:1.15rem; background:linear-gradient(#fff 50%,#dc143c 50%); }

/* Oprawa wraca w ofercie i zakończeniu strony, bez nakładek na pola formularzy. */
body.styl-lkh[data-motyw-www] #main-content .operator-plan-featured {
    --lkh-tekst:#fff; --lkh-opis:#e4e7e9; --lkh-akcent:var(--motyw-akcent);
    --lkh-przycisk:var(--motyw-akcent); --lkh-na-przycisku:var(--motyw-tlo-ciemne); --lkh-linia:#ffffff38;
    background:var(--motyw-naglowek); border-color:var(--motyw-akcent-jasny);
}
body.styl-lkh[data-motyw-www] #main-content .telewizja-zaproszenie {
    --lkh-tekst:#fff; --lkh-opis:#e4e7e9; --lkh-akcent:var(--motyw-akcent);
    --lkh-przycisk:var(--motyw-akcent); --lkh-na-przycisku:var(--motyw-tlo-ciemne);
    background:var(--motyw-naglowek);
}
body.styl-lkh[data-motyw-www] #main-content .telewizja-uklad > img { border-left:3px solid var(--motyw-akcent-jasny); }
body.styl-lkh[data-motyw-www] #main-content .operator-proof-section { border-block-color:var(--lkh-linia); }
body.styl-lkh[data-motyw-www] #main-content .operator-final-cta {
    --lkh-tekst:#fff; --lkh-opis:#e4e7e9; --lkh-akcent:var(--motyw-akcent);
    --lkh-przycisk:var(--motyw-akcent); --lkh-na-przycisku:var(--motyw-tlo-ciemne);
    position:relative; isolation:isolate; overflow:hidden; padding-block:4rem;
    background:linear-gradient(90deg,var(--motyw-naglowek),color-mix(in srgb,var(--motyw-naglowek) 88%,transparent)),var(--motyw-obraz-swiatlowod) center / cover;
    border-top:1px solid var(--motyw-akcent-jasny);
}
body.styl-lkh[data-motyw-www] #main-content .operator-final-cta .container { position:relative; z-index:1; }
body.styl-lkh[data-motyw-www] .site-footer { border-top:1px solid var(--lkh-linia); }

/* Dekoracje są przycięte do baneru, nie przechwytują myszy ani dotyku. */
.motyw-www-dekoracje { position:absolute; inset:0 0 0 53%; z-index:0; overflow:hidden; pointer-events:none; }
.motyw-www-dekoracje i { position:absolute; left:var(--pozycja-x); top:var(--pozycja-y); width:var(--rozmiar); height:var(--rozmiar); background:var(--motyw-akcent); opacity:.38; }
[data-motyw-www="halloween"] .motyw-www-dekoracje i { border-radius:85% 0 85% 0; transform:rotate(-35deg); }
[data-motyw-www="zlota_jesien"] .motyw-www-dekoracje i { border-radius:85% 0 85% 0; transform:rotate(-35deg); opacity:.5; }
[data-motyw-www="zlota_jesien"] .motyw-www-dekoracje i:nth-child(3n) { background:#ce8436; transform:rotate(35deg); }
[data-motyw-www="zlota_jesien"] .motyw-www-dekoracje i:nth-child(3n+1) { background:#efca6d; }
[data-motyw-www="boze_narodzenie"] .motyw-www-dekoracje i { width:calc(var(--rozmiar) * .45); height:calc(var(--rozmiar) * .45); border-radius:50%; background:#fff; opacity:.6; }
[data-motyw-www="zima"] .motyw-www-dekoracje i { width:calc(var(--rozmiar) * .4); height:calc(var(--rozmiar) * .4); border-radius:50%; background:#edf8ff; opacity:.55; }
[data-motyw-www="walentynki"] .motyw-www-dekoracje i { clip-path:polygon(50% 92%,8% 50%,2% 30%,10% 12%,28% 5%,50% 23%,72% 5%,90% 12%,98% 30%,92% 50%); opacity:.32; }
[data-motyw-www="dzien_kobiet"] .motyw-www-dekoracje i { border-radius:80% 15% 80% 15%; transform:rotate(-30deg); opacity:.35; }
[data-motyw-www="sylwester"] .motyw-www-dekoracje i { clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%); }
[data-motyw-www="niepodleglosc"] .motyw-www-dekoracje { inset:auto 0 0; height:5px; background:linear-gradient(90deg,#fff 50%,#c82740 50%); }
[data-motyw-www="niepodleglosc"] .motyw-www-dekoracje i { display:none; }

@keyframes motyw-opadanie { from { translate:0 -45px; } to { translate:20px 85px; } }
@keyframes motyw-blask { from { opacity:.15; scale:.65; } to { opacity:.65; scale:1.1; } }
@keyframes motyw-wejscie { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
    [data-ruch-motywu="1"] .motyw-www-ilustracja { animation:motyw-wejscie .6s ease-out; }
    [data-ruch-motywu="1"] .motyw-www-dekoracje i { animation:motyw-opadanie var(--czas) var(--opoznienie) ease-in-out infinite alternate; }
    [data-motyw-www="sylwester"][data-ruch-motywu="1"] .motyw-www-dekoracje i { animation-name:motyw-blask; animation-duration:5s; }
}
.motyw-karta-ukryta .motyw-www-dekoracje i, .motyw-poza-ekranem .motyw-www-dekoracje i { animation-play-state:paused; }
@media (min-width:1900px) {
    body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony) { padding-block:3.5rem; }
    .motyw-www-dekoracje i { width:calc(var(--rozmiar) * 1.4); height:calc(var(--rozmiar) * 1.4); }
}
@media (min-width:761px) {
    body[data-motyw-www="dzien_kobiet"] .motyw-www-ilustracja { background-position:0 0,70% 25%; }
}
@media (max-width:760px) {
    body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero,.baner-podstrony) { min-height:0; padding:2rem 0 66.667vw; display:block; }
    body.styl-lkh[data-motyw-www] #main-content :is(.operator-hero-copy,.baner-podstrony-tresc) { width:100%; padding:0; }
    .motyw-www-ilustracja { background:linear-gradient(180deg,var(--motyw-naglowek) calc(100% - 66.667vw),transparent calc(100% - 66.667vw + 55px)),var(--motyw-www-baner) center bottom / 100% auto no-repeat; }
    body.styl-lkh[data-motyw-www] #main-content .motyw-www-podpis { font-size:.77rem; margin-bottom:1rem; }
    .motyw-www-dekoracje i:nth-child(n+7) { display:none; }
    .motyw-www-dekoracje { top:auto; left:0; height:210px; }
    body.styl-lkh[data-motyw-www] #main-content .operator-final-cta { padding-block:2.5rem; }
    body.styl-lkh[data-motyw-www] #main-content .telewizja-uklad > img { border-left:0; border-top:3px solid var(--motyw-akcent-jasny); }
}
@media print {
    .motyw-www-dekoracje, .motyw-www-podpis, .motyw-www-ilustracja, .motyw-www-ruch { display:none !important; }
}