/*
 * Vánoce 2026 — vánoční psi ve slideru hlavního obrázku homepage (Freddie, Dart, Jessie u vánočního pytle).
 * Podklad: Google Disk „2025_10 Vánoční edice 2025“ / *_web_XL.png (kopie v raw_vanoce_dev/podklady/vanoce-2026/hero-psi/),
 * v rámu 1600:1330 jako fotky šablony (pages-parts/webflow/home/hero.php, $rb_hero_slides). Zarovnané podle loga na
 * pytli na pytel ostrého Freddieho (logo 250×200 px na 560,160): pytel a miska stojí u všech tří psů na stejném místě,
 * při střídání se mění jen pes (korektura grafika 14. 11.). Skript: raw_vanoce_dev/podklady/vanoce-2026/hero-psi/.
 * ?v=N u obrázků: prohlížeč je drží 30 dní, po přegenerování zvyš N.
 *
 * Šablona má obrázky natvrdo v <img>, filtr nemá. Proto: obal slajdu (.slide-image-wrapper) dostane vánoční obrázek
 * jako pozadí (contain, zarovnané dolů = totéž co object-fit/object-position u .slide-image) a <img> šablony se skryje.
 * Pozná se podle názvu souboru přes :has(): prohlížeč bez :has() pravidla ignoruje a ukáže původní psy.
 * .slider.hp bez .recenze je jen v hero homepage (CZ/SK/EN).
 *
 * Pozor na výkon: první <img> má loading="eager", takže původního Freddieho prohlížeč stáhne i tak (~70–140 kB navíc).
 * Čisté řešení bez dvojího stahování = filtr na $rb_hero_slides v šabloně (agent web, viz POZNAMKY.md).
 */
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_freddie-2."]),
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_dart-2."]),
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="/jessie-2026-10."]) {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
}

body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_freddie-2."]) > .slide-image,
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_dart-2."]) > .slide-image,
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="/jessie-2026-10."]) > .slide-image {
    visibility: hidden;
}

/* Mobil a tablet na výšku: 800 px stačí (slider ~85 vw). Nejdřív WebP pro starší prohlížeče, pak AVIF přes image-set. */
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_freddie-2."]) {
    background-image: url("../img/hero/freddie-800.webp?v=2");
    background-image: image-set(url("../img/hero/freddie-800.avif?v=2") type("image/avif"), url("../img/hero/freddie-800.webp?v=2") type("image/webp"));
}
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_dart-2."]) {
    background-image: url("../img/hero/dart-800.webp?v=2");
    background-image: image-set(url("../img/hero/dart-800.avif?v=2") type("image/avif"), url("../img/hero/dart-800.webp?v=2") type("image/webp"));
}
body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="/jessie-2026-10."]) {
    background-image: url("../img/hero/jessie-800.webp?v=2");
    background-image: image-set(url("../img/hero/jessie-800.avif?v=2") type("image/avif"), url("../img/hero/jessie-800.webp?v=2") type("image/webp"));
}

/* Desktop (slider až 725 px, na retině ~1450): 1280 px. */
@media (min-width: 992px) {
    body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_freddie-2."]) {
        background-image: url("../img/hero/freddie-1280.webp?v=2");
        background-image: image-set(url("../img/hero/freddie-1280.avif?v=2") type("image/avif"), url("../img/hero/freddie-1280.webp?v=2") type("image/webp"));
    }
    body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="_dart-2."]) {
        background-image: url("../img/hero/dart-1280.webp?v=2");
        background-image: image-set(url("../img/hero/dart-1280.avif?v=2") type("image/avif"), url("../img/hero/dart-1280.webp?v=2") type("image/webp"));
    }
    body.rb-sezona-vanoce-2026 .slider.hp:not(.recenze) .slide-image-wrapper:has(> .slide-image[src*="/jessie-2026-10."]) {
        background-image: url("../img/hero/jessie-1280.webp?v=2");
        background-image: image-set(url("../img/hero/jessie-1280.avif?v=2") type("image/avif"), url("../img/hero/jessie-1280.webp?v=2") type("image/webp"));
    }
}