/*
 * Vánoce 2026 — čepice Santa Clause na logu v záhlaví (img/cepice.svg).
 *
 * Pseudo-prvek na .brand (logo je uprostřed .brand, ta je absolutně v navbaru), takže logo ani markup šablony
 * se nemění a nic neposkočí. Klik propadne na odkaz loga. Velikost a poloha jsou v procentech .brand
 * (čtverec přes výšku navbaru), na mobilu je logo v .brand menší, proto vlastní hodnoty.
 *
 * Korektura grafika 14. 11.: čepice opticky sedí na písmenu R (lem čepice na vršku R, mírně nakloněná);
 * pak o 10 % menší, levý dolní roh na místě (šířka ×0,9, top + 10 % výšky čepice); pak ještě o 10 % menší
 * ke středu čepice (šířka ×0,9, left + 5 % šířky, top + 5 % výšky), a to dvakrát.
 * R leží v obrázku loga na 21–39 % šířky, vršek na 22 % výšky; na desktopu logo vyplní celou .brand,
 * na tabletu je obrázek 74 % .brand odsazený o 13 %. Na mobilu je jiné logo (jen psí tvář „w“, bez R).
 */
body.rb-sezona-vanoce-2026 .brand::after {
    content: "";
    position: absolute;
    left: 25.9%;
    top: 20.52%;
    width: 16.11%;
    aspect-ratio: 100 / 80;
    background: url("../img/cepice.svg") no-repeat center / contain;
    transform: rotate(-12deg);
    pointer-events: none;
}

/* Desktop: logo vyplní celou .brand. */
@media (min-width: 992px) {
    body.rb-sezona-vanoce-2026 .brand::after {
        left: 16.97%;
        top: 10.15%;
        width: 21.87%;
        transition: opacity .2s ease;
    }
    /* Po scrollu šablona logo schová (.header.is-scrolled .rb-logo opacity 0, custom.css), čepice zmizí s ním. */
    body.rb-sezona-vanoce-2026 .header.is-scrolled .brand::after {
        opacity: 0;
    }
}

/* Mobil a nízký tablet naležato: šablona tu ukazuje logo bez nápisu (Rawbark_logo-02.svg). Čepice sedí nakřivo
   na levém horním oblouku loga (korektura grafika 14. 11.; smí přesahovat i mimo okno), od 15. 11. zrcadlově. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) and (max-height: 700px) and (orientation: landscape) {
    body.rb-sezona-vanoce-2026 .brand::after {
        left: 4%;
        top: calc(4% - 6px); /* o 6 px výš (grafik: „nahoru minimálně o 5 px“) */
        width: 42%;
        /* o 10° doprava (dřív -32°), grafik 14. 11.; zrcadlově, bambulka vlevo (grafik 15. 11.). scaleX se
           provede před rotate, takže lem (symetrický, vodorovný v SVG) zůstane na stejném místě i sklonu. */
        transform: rotate(-22deg) scaleX(-1);
    }
}