/* ============================================================ PRENUMERATA — SEKCIJŲ variantai (kontekstinis switcheris) Kiekviena sekcija turi savo variantus, perjungiamus atskirai nuo puslapio versijos. Plaukiojantis switcheris apačioje kairėje rodo tos sekcijos, kuri tuo metu ekrane, mygtukus. atributai: data-sec-reviews / -topics / -articles / -covers (localStorage: prenumerataSec-). Be atributo = kaip iki šiol (puslapio versijos default'as). - Atsiliepimai: V1 begalinis marquee | V2 masonry + „Rodyti daugiau" | V3 v5 stiliaus tamsi citatų juosta - Temos: V1 sąrašas | V2 pills kortelės | V3 bold caps su brūkšniais - Straipsniai: V1 sąrašas | V2 kortelės - Numeriai: V1 tinklelis | V2 auto marquee | V3 Swiper slideris ============================================================ */ /* ---------- ATSILIEPIMAI V2: masonry + „Rodyti daugiau" ---------- */ .reviews-masonry,.reviews-more,.reviews-quotes{display:none} html[data-sec-reviews="v2"] .reviews-marquee{display:none} html[data-sec-reviews="v2"] .reviews-masonry{display:block;columns:4;column-gap:1rem;max-height:560px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent);mask-image:linear-gradient(to bottom,#000 65%,transparent)} html[data-sec-reviews="v2"] .reviews-masonry.is-open{max-height:none;-webkit-mask-image:none;mask-image:none} .reviews-masonry .review{break-inside:avoid} html[data-sec-reviews="v2"] .reviews-more{display:flex;justify-content:center;margin-top:1.75rem} @media(max-width:1000px){html[data-sec-reviews="v2"] .reviews-masonry{columns:2}} @media(max-width:480px){html[data-sec-reviews="v2"] .reviews-masonry{columns:1}} /* ---------- ATSILIEPIMAI V3: v5 stiliaus tamsi citatų juosta ---------- */ html[data-sec-reviews="v3"] .reviews-marquee{display:none} html[data-sec-reviews="v3"] .reviews-quotes{display:block;background:var(--black);padding:2.75rem clamp(1.5rem,4vw,3.5rem) 3rem} .reviews-quotes .quote{display:grid;grid-template-columns:56px 1fr;align-items:start;margin:0;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,0.16)} .reviews-quotes .quote:first-child{border-top:0;padding-top:0} .reviews-quotes .quote::before{content:'„';font-size:56px;line-height:0.55;font-weight:900;color:var(--red)} .reviews-quotes .quote p{font-size:var(--fs-lg);line-height:1.45;color:#fff;max-width:32em} .reviews-quotes .quote:nth-child(even){margin-left:clamp(0px,6vw,90px)} .reviews-quotes .quote.q-extra{display:none} .reviews-quotes.is-open .quote.q-extra{display:grid} .reviews-quotes .more-link{display:inline-block;margin-top:1.5rem;font-size:var(--fs-lead);font-weight:700;color:#fff} .reviews-quotes .more-link::after{content:'→';color:var(--red);margin-left:10px;display:inline-block;transition:transform 0.15s} .reviews-quotes .more-link:hover::after{transform:translateX(6px)} @media(max-width:600px){.reviews-quotes .quote{grid-template-columns:40px 1fr}.reviews-quotes .quote::before{font-size:40px}.reviews-quotes .quote:nth-child(even){margin-left:0}} /* ---------- TEMOS V2: pills kortelės ---------- */ html[data-sec-topics="v2"] .topics-list{display:flex;flex-wrap:wrap;gap:10px} html[data-sec-topics="v2"] .topics-list li{display:inline-flex;border:1px solid var(--border-s);border-radius:var(--r-full);padding:8px 18px;font-size:var(--fs-small);color:var(--black);line-height:1.3} html[data-sec-topics="v2"] .topics-list li::before{display:none} /* ant tamsios V2 puslapio juostos — šviesus apvadas */ html[data-pren="v2"][data-sec-topics="v2"] .topics-list li{border-color:rgba(255,255,255,0.35)} /* V3 puslapio versijoje pills kampuoti (styleguide be border-radius) */ html[data-pren="v3"][data-sec-topics="v2"] .topics-list li{border-radius:0} /* ---------- TEMOS V3: bold caps, atskirta " / " (v5 dvasia) ---------- */ html[data-sec-topics="v3"] .topics-list{display:block;max-width:940px} html[data-sec-topics="v3"] .topics-list li{display:inline;border:0;padding:0;font-size:var(--fs-lead);font-weight:900;text-transform:uppercase;letter-spacing:0.01em;line-height:1.6;color:var(--black)} html[data-sec-topics="v3"] .topics-list li::before{display:none} html[data-sec-topics="v3"] .topics-list li::after{content:' / ';color:var(--red);font-weight:900} html[data-sec-topics="v3"] .topics-list li:last-child::after{content:''} html[data-pren="v2"][data-sec-topics="v3"] .topics-list li::after{color:var(--v2-red-bright)} /* ---------- NAUJAUSIO NUMERIO TURINYS V2: straipsniai dviem stulpeliais, kompaktiškiau ---------- */ html[data-sec-issue="v2"] .issue-articles{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;align-content:start} html[data-sec-issue="v2"] .issue-item{padding:1rem 0} html[data-sec-issue="v2"] .issue-item:first-child{padding-top:1rem} html[data-sec-issue="v2"] .issue-title{font-size:var(--fs-lead)} @media(max-width:900px){html[data-sec-issue="v2"] .issue-articles{grid-template-columns:1fr}} /* ---------- STRAIPSNIAI V2: kortelės (kampai/apvadai pagal puslapio versijos styleguide) ---------- */ html[data-sec-articles="v2"] .article-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:none} html[data-sec-articles="v2"] .article-list li{border:1px solid var(--border-s);border-radius:var(--r-lg);background:var(--white);padding:1.5rem;font-size:var(--fs-lead);transition:border-color 0.15s} html[data-sec-articles="v2"] .article-list li:hover{border-color:var(--accent)} /* V2 puslapis — institucinis, be radius, navy linijos */ html[data-pren="v2"][data-sec-articles="v2"] .article-list li{border-radius:0;border-color:var(--v2-line)} /* V3 puslapis — kampuota + tamsus gray-600 apvadas (esminis V3 stilius) */ html[data-pren="v3"][data-sec-articles="v2"] .article-list li{border-radius:0;border-color:var(--v3-border)} html[data-sec-articles="v2"] .article-list a{display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;height:100%} html[data-sec-articles="v2"] .article-list a::after{content:'↗';font-size:var(--fs-h3);font-weight:800;line-height:1;color:var(--red)} @media(max-width:900px){html[data-sec-articles="v2"] .article-list{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){html[data-sec-articles="v2"] .article-list{grid-template-columns:1fr}} /* ---------- NUMERIAI: V1 tinklelis / V2 marquee / V3 Swiper. Mechanika dubliuota čia be puslapio versijos scope, kad variantas veiktų su bet kuria puslapio versija; šios taisyklės kraunamos paskutinės, tad permuša pren-v2/v3 puslapines. ---------- */ html[data-sec-covers="v1"] .covers-row{display:grid} html[data-sec-covers="v1"] .covers-marquee, html[data-sec-covers="v1"] .covers-swiper{display:none} html[data-sec-covers="v2"] .covers-row, html[data-sec-covers="v2"] .covers-swiper{display:none} html[data-sec-covers="v2"] .covers-marquee{display:block;overflow:hidden;margin-top:2.5rem} html[data-sec-covers="v2"] .covers-track{display:flex;width:max-content;will-change:transform;animation:sec-covers-scroll 60s linear infinite} html[data-sec-covers="v2"] .covers-marquee:hover .covers-track{animation-play-state:paused} html[data-sec-covers="v2"] .covers-set{display:flex;gap:1.5rem;padding-right:1.5rem;flex-shrink:0} html[data-sec-covers="v2"] .covers-set img{height:360px;width:auto;aspect-ratio:332/470;object-fit:cover;border:1px solid var(--border-s);background:var(--gray-100)} @keyframes sec-covers-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){html[data-sec-covers="v2"] .covers-track{animation:none}} @media(max-width:820px){html[data-sec-covers="v2"] .covers-set img{height:260px}} html[data-sec-covers="v3"] .covers-row, html[data-sec-covers="v3"] .covers-marquee{display:none} html[data-sec-covers="v3"] .covers-swiper{display:block;--swiper-theme-color:var(--red);padding-bottom:2.75rem;margin-top:2rem} html[data-sec-covers="v3"] .covers-swiper .swiper-slide{cursor:grab;background:var(--gray-100)} html[data-sec-covers="v3"] .covers-swiper .swiper-slide img{width:100%;aspect-ratio:332/470;object-fit:cover;display:block;border:1px solid var(--border-s)} html[data-sec-covers="v3"] .covers-swiper .swiper-button-prev, html[data-sec-covers="v3"] .covers-swiper .swiper-button-next{width:44px;height:44px;margin-top:0;top:calc(50% - 22px);transform:translateY(-50%);background:var(--white);border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,0.18)} html[data-sec-covers="v3"] .covers-swiper .swiper-button-prev::after, html[data-sec-covers="v3"] .covers-swiper .swiper-button-next::after{font-size:16px;font-weight:800} html[data-sec-covers="v3"] .covers-swiper .swiper-pagination{bottom:0}