/* Decorative motifs shared by Slovak and English home pages. No extra content or pointer targets. */
html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more){position:relative;isolation:isolate}
html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{content:"";position:absolute;z-index:-1;pointer-events:none;user-select:none;top:18px;right:0;width:clamp(220px,29vw,390px);aspect-ratio:1;background:var(--section-motif) center/contain no-repeat;opacity:.075;transform:rotate(-8deg);animation:watermark-drift 26s ease-in-out infinite alternate;animation-play-state:paused}
html:is([lang="sk"],[lang="en"]) .watermark-visible::before{animation-play-state:running!important}
html:is([lang="sk"],[lang="en"]) #objavte{--section-motif:url('/assets/watermarks/castle.svg')}
html:is([lang="sk"],[lang="en"]) #atrakcie{--section-motif:url('/assets/watermarks/compass.svg')}
html:is([lang="sk"],[lang="en"]) #pekne-miesta{--section-motif:url('/assets/watermarks/mountains.svg')}
html:is([lang="sk"],[lang="en"]) #plan{--section-motif:url('/assets/watermarks/route.svg')}
html:is([lang="sk"],[lang="en"]) #pravidelne-podujatia{--section-motif:url('/assets/watermarks/music.svg')}
html:is([lang="sk"],[lang="en"]) #parkovanie{--section-motif:url('/assets/watermarks/parking.svg')}
html:is([lang="sk"],[lang="en"]) #restauracie{--section-motif:url('/assets/watermarks/dining.svg')}
html:is([lang="sk"],[lang="en"]) #ubytovanie{--section-motif:url('/assets/watermarks/key.svg')}
html:is([lang="sk"],[lang="en"]) #prakticky{--section-motif:url('/assets/watermarks/compass.svg')}
html:is([lang="sk"],[lang="en"]) #videa{--section-motif:url('/assets/watermarks/film.svg')}
html:is([lang="sk"],[lang="en"]) #kupele-bojnice{--section-motif:url('/assets/watermarks/waves.svg')}
html:is([lang="sk"],[lang="en"]) #plan::before{right:20px;top:16px;width:280px;opacity:.06}
html:is([lang="sk"],[lang="en"]) #restauracie::before,html:is([lang="sk"],[lang="en"]) #parkovanie::before{animation-delay:-9s}
html:is([lang="sk"],[lang="en"]) #pekne-miesta::before,html:is([lang="sk"],[lang="en"]) #kupele-bojnice::before{animation-delay:-17s}
@keyframes watermark-drift{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(-10px,12px,0) rotate(-4deg)}}
@media(max-width:700px){html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{width:180px;top:22px;right:0;opacity:.05}html:is([lang="sk"],[lang="en"]) #plan::before{right:12px;width:155px}}
@media(prefers-reduced-motion:reduce){html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{animation:none!important;transform:none!important}}
@media print{html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{display:none!important}}

/* Additional editorial blocks and nested introductions, each with its own motif. */
html:is([lang="sk"],[lang="en"]) .hero{--section-motif:url('/assets/watermarks/horizon.svg')}
html:is([lang="sk"],[lang="en"]) .quick{--section-motif:url('/assets/watermarks/ticket.svg')}
html:is([lang="sk"],[lang="en"]) .history-teaser{--section-motif:url('/assets/watermarks/saffron.svg')}
html:is([lang="sk"],[lang="en"]) .extra-attractions{--section-motif:url('/assets/watermarks/signpost.svg')}
html:is([lang="sk"],[lang="en"]) #podujatia{--section-motif:url('/assets/watermarks/calendar.svg')}
html:is([lang="sk"],[lang="en"]) .event-memories{--section-motif:url('/assets/watermarks/camera.svg')}
html:is([lang="sk"],[lang="en"]) #pribehy{--section-motif:url('/assets/watermarks/book.svg')}
html:is([lang="sk"],[lang="en"]) #newsletter,html:is([lang="sk"],[lang="en"]) .spa-owner{--section-motif:url('/assets/watermarks/envelope.svg')}
html:is([lang="sk"],[lang="en"]) .closing,html:is([lang="sk"],[lang="en"]) .nearby-more{--section-motif:url('/assets/watermarks/horizon.svg')}
html:is([lang="sk"],[lang="en"]) #spa-archive{--section-motif:url('/assets/watermarks/leaf.svg')}
html:is([lang="sk"],[lang="en"]) .hero::before{left:0;right:auto;top:auto;bottom:18px;width:350px;opacity:.055}
html:is([lang="sk"],[lang="en"]) .quick::before{width:140px;top:-18px;right:8px;opacity:.045}
html:is([lang="sk"],[lang="en"]) .history-teaser::before{top:0;right:12px;width:225px;opacity:.055}
html:is([lang="sk"],[lang="en"]) .extra-attractions::before{width:270px;top:-25px;right:22px}
html:is([lang="sk"],[lang="en"]) .event-memories::before{width:270px;top:-22px;right:20px}
html:is([lang="sk"],[lang="en"]) #pribehy::before{right:5%;filter:brightness(0) invert(1);opacity:.07}
html:is([lang="sk"],[lang="en"]) #newsletter::before{width:250px;top:8px;right:20px;opacity:.065}
html:is([lang="sk"],[lang="en"]) .closing::before{width:220px;top:0;right:16px;opacity:.065}
html:is([lang="sk"],[lang="en"]) #spa-archive::before{width:270px;top:5px;right:16px}
html:is([lang="sk"],[lang="en"]) .spa-owner::before{width:190px;top:8px;right:10px;opacity:.045}
html:is([lang="sk"],[lang="en"]) .nearby-more::before{width:180px;top:0;right:18px;opacity:.05}
@media(max-width:700px){html:is([lang="sk"],[lang="en"]) :is(.hero,.quick,.history-teaser,.extra-attractions,.event-memories,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{width:150px;right:8px;top:8px;opacity:.045}html:is([lang="sk"],[lang="en"]) .hero::before{left:0;top:auto;bottom:10px}html:is([lang="sk"],[lang="en"]) .quick::before{width:110px}}

/* Mobile motifs need more contrast at small display sizes. */
@media(max-width:700px){
html:is([lang="sk"],[lang="en"]) :is(#objavte,#atrakcie,#pekne-miesta,#plan,#pravidelne-podujatia,#parkovanie,#restauracie,#kaviarne,#ubytovanie,#prakticky,#videa,#kupele-bojnice,.hero,.quick,.history-teaser,.extra-attractions,#podujatia,.event-memories,#pribehy,#newsletter,.closing,#spa-archive,.spa-owner,.nearby-more)::before{opacity:.12}
}

html:is([lang="sk"],[lang="en"]) #kaviarne{--section-motif:url('/assets/watermarks/coffee.svg')}