/* Failas įkeliamas ATSKIRAI (optimized/blue-theme-setup.php), o ne per
   child-theme.css @import grandinę. Priežastis: ta grandinė kabo po
   style.css su nekintančiu ?ver=1.0.3, todėl grįžtantiems lankytojams
   pakeitimai nepasiekdavo naršyklės (CLAUDE.md §3). Čia versija imama iš
   filemtime() — kiekvienas failo pakeitimas savaime atnaujina lankytojų kešą.
   Taip pat daroma su cart-preview.css ir reviews.css. */

/* --------------------------------------------------------------
   LIPNUS VISAS HEADERIS (nuo 1025px)

   Buvo: Elementor „sticky" uždėtas tik ant vidinio konteinerio
   `5b389030` (logotipas, paieška, kontaktai, meniu) — viršuje likdavo
   tik jis. Viršutinė tamsi juosta `cf36df2` su nemokamo pristatymo
   žinute ir PVM jungikliu (`etheme_content_switcher`) nuslinkdavo.

   Dabar lipnus visas `<header>` — naršyklės `position: sticky`, be JS.
   Elementor sticky vidinio konteinerio darbą tenka neutralizuoti:
   jis tą konteinerį iškelia iš srauto (`position: fixed`), todėl
   headeryje liktų tuščia vieta, o juosta vis tiek nuslinktų.

   Kodėl `!important`: Elementor pozicijos stilius uždeda inline per JS,
   o inline stilių persveria tik `!important` (Elementor savo `!important`
   čia nenaudoja).

   Riba 1025px sąmoninga — planšetėje ir telefone paliekame tai, kas
   buvo (Elementor nustatymas `sticky_on: desktop, tablet`).
   -------------------------------------------------------------- */
@media only screen and (min-width: 1025px) {

    /* `.template-container` turi `overflow: hidden` — dėl to jis tampa
       artimiausiu slinkimo konteineriu ir `position: sticky` nustoja veikti
       (patikrinta naršyklėje: headeris nulipdavo kartu su puslapiu).
       `clip` kerpa lygiai taip pat, bet slinkimo konteinerio NEsukuria,
       todėl `sticky` veikia. Horizontalios slinkties nepasirodė.

       `body` selektoriuje būtinas: temos taisyklė yra `xstore.css`, o jis
       kraunamas VĖLIAU už šį failą. Prie vienodo svorio (0,1,0) laimėtų
       tema, todėl svorį pakeliame iki (0,1,1), o ne griebiamės
       `!important`. */
    body .template-container {
        overflow: clip;
    }

    header.elementor-location-header {
        position: sticky;
        top: 0;
        z-index: 99;
    }

    /* Prisijungusiems — po WordPress administravimo juosta */
    body.admin-bar header.elementor-location-header {
        top: 32px;
    }

    /* Vidinį konteinerį grąžiname į įprastą srautą */
    header.elementor-location-header .elementor-sticky--active {
        position: static !important;
        top: auto !important;
        width: auto !important;
    }

    /* Vietos rezervavimo blokas, kurį įterpia tas pats Elementor JS */
    header.elementor-location-header .elementor-sticky__spacer {
        display: none !important;
    }

    /* Meniu eilutė (`Prekių katalogas`, `Nuoma`, `Kontaktai`) turi ATSKIRĄ,
       jau XStore, o ne Elementor lipnumo mechanizmą:
       `.etheme-elementor-header-wrapper` paverčiamas `position: fixed`, o
       vietą palaiko `...-spacer`. Be šito ji viena šokdavo į ekrano viršų ir
       uždengdavo likusį headerį. */
    header.elementor-location-header .etheme-elementor-header-wrapper {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
    }

    header.elementor-location-header .etheme-elementor-header-wrapper-spacer {
        display: none !important;
    }
}
