/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0.0
*/

/* ==========================================================================
   ELENA PAULAUSKĖ — bazinis sluoksnis virš Blocksy

   Dizaino tokenai gyvena theme.json (spalvos, tipografija, spacing).
   Čia — tik tai, ko theme.json/Customizer nepadengia.

   Visos reikšmės perkeltos iš web/assets/style.css ir sutikrintos
   su naršyklėje išmatuotomis maketo computed reikšmėmis.
   ========================================================================== */

::selection {
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	z-index: 2;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--olive);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Kursyvas antraštėse — dizaino akcentas („kuris veikia“) */
h1 em, h2 em, h3 em {
	font-style: italic;
}

/* Tamsiose sekcijose (coffee/olive) antraštės perima sekcijos teksto spalvą —
   kitaip Blocksy headingColor (ink) jas paliktų tamsias */
.has-coffee-background-color :is(h1, h2, h3, h4, h5, h6),
.has-olive-background-color :is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

/* ==========================================================================
   HEADER
   Maketo .nav: sticky, bg rgba(236,233,224,.88), backdrop-blur 12px,
   min-height 72px, paraštės = --mx. Blocksy free neturi sticky header'io,
   todėl jis daromas čia; tipografija ir elementai — per Customizer.
   ========================================================================== */
/* Sticky turi kabintis ant #header, o ne ant eilutės viduje: eilutės tėvas
   yra vos 72px aukščio, todėl sticky neturėdavo kur slinkti.
   #main-container turi overflow:clip — jis irgi blokuoja sticky, tad
   grąžinam visible (horizontalų perpildymą ir taip gaudo body{overflow-x:hidden}). */
#main-container {
	overflow: visible;
}

/* Taikinys būtinai #header: puslapyje yra DU .ct-header (dar vienas —
   paslėptas mobilus #offcanvas), o Blocksy per ID nustato position:relative,
   tad klasės selektoriaus specifiškumo neužtenka. */
#header.ct-header {
	position: sticky;
	top: 0;
	z-index: 60;
}

/* Prisijungęs vartotojas mato WP admin juostą — sticky prasideda po ja.
   Neprisijungusiems (incognito) admin juostos nėra, tad top lieka 0. */
body.admin-bar #header.ct-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #header.ct-header {
		top: 46px;
	}
}

/* WP core ties ≤600px paverčia admin juostą position:absolute (admin-bar.css
   eil. 1078), tad scrollinant ji nuvažiuoja su puslapiu — o sticky header'io
   top:46px lieka galioti ir virš jo atsiveria 46px properša, pro kurią matosi
   slenkantis turinys. Neprisijungusiems to nėra, todėl incognito buvo švaru.
   Grąžinam juostai fixed, kad top:46px būtų teisingas visuose scroll taškuose. */
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* Fonas ir blur — ant pačios eilutės. Blocksy ją deklaruoja kaip
   backdrop-filter: blur(var(--theme-backdrop-blur)), todėl blur duodam per kintamąjį. */
.ct-header [data-row*="middle"][data-row] {
	--theme-backdrop-blur: 12px;
	background: rgba(236, 233, 224, 0.88);
	/* Be transition: linija ateina per CSS kintamąjį (--theme-border-bottom),
	   o kintamieji netransitinami — likdavo tik blyksnis ir nublankimas. */
}

/* Prisiskrolinus atsiranda plona linija (maketo .nav.scrolled).
   Blocksy eilutei taiko border-bottom: var(--theme-border-bottom) su reikšme
   „none", todėl vien border-bottom-color nieko neduoda — keičiam kintamąjį.
   Klasė kabinama ant #header (ne ant eilutės): eilučių yra dvi — desktop ir
   mobile — ir querySelector visada pagriebdavo pirmą, todėl mobile linijos
   nesimatydavo. */
#header.ep-scrolled [data-row*="middle"][data-row] {
	--theme-border-bottom: 1px solid rgba(45, 44, 42, 0.14);
}

/* Kai mobilus meniu atidarytas, headerio scroll linijos nėra — skydelis
   turi savo apatinį kraštą, dvi linijos iš eilės atrodytų kaip klaida. */
body:has(#offcanvas.active) #header.ep-scrolled [data-row*="middle"][data-row] {
	--theme-border-bottom: none;
}

/* ==========================================================================
   KREPŠELIS — maketo .nav-icon + .cart-count
   Blocksy ikona yra užpildytas 15px maišelis; makete — 24px kontūrinis.
   Piešiam maketo SVG per mask-image, kad paveldėtų currentColor.
   ========================================================================== */
#header [data-id="cart"] .ct-icon-container {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

/* Blocksy ikoną slepiam, savo piešiam ::after — kad būtų po tekstu kaip makete */
#header [data-id="cart"] .ct-icon-container svg {
	display: none;
}

#header [data-id="cart"] .ct-icon-container::after {
	content: "";
	order: 1;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: var(--ep-cart-icon) center / contain no-repeat;
	mask: var(--ep-cart-icon) center / contain no-repeat;
}

:root {
	--ep-cart-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M5.5 8.5h13l-1.1 12H6.6l-1.1-12z'/%3E%3Cpath d='M9 8.5V7a3 3 0 0 1 6 0v1.5'/%3E%3C/svg%3E");
}

/* Skaitliuko burbuliukas — visada matomas, ir kai krepšelis tuščias (maketo „0") */
#header [data-id="cart"] .ct-dynamic-count-cart {
	order: 2;
	/* Blocksy jį pozicionuoja absoliučiai ant ikonos kampo;
	   makete jis stovi šalia ikonos eilutėje */
	position: static;
	inset: auto;
	transform: none;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	font-size: 0.6rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}

/* Tuščias krepšelis — ramus akmens fonas, kaip maketo [data-empty="true"] */
#header [data-id="cart"] .ct-dynamic-count-cart[data-count="0"] {
	background: var(--wp--preset--color--stone);
	color: var(--wp--custom--muted);
}

/* Header per visą plotį; paraštės lygiuojasi su turinio paraštėmis (--mx).
   Blocksy fluid konteineriui prideda 30px šonines paraštes — jas nuimam,
   kad logotipas atsistotų lygiai ant --mx kaip makete. */
.ct-header [data-row*="middle"] > .ct-container-fluid {
	/* width: 100% būtinas — Blocksy konteineriui duoda savo skaičiuotą plotį
	   (mobile 343px iš 390), dėl to visa dešinė grupė pasislinkdavo į vidų */
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	padding-left: var(--wp--preset--spacing--margin);
	padding-right: var(--wp--preset--spacing--margin);
}

/* Krepšelio skaitliukas — maketo .cart-count */
.ct-header .ct-cart-item .ct-cart-badge {
	font-size: 0.6rem;
	letter-spacing: 0;
	font-weight: 400;
}

/* Logotipas niekada nelūžta į dvi eilutes (maketo .brand{white-space:nowrap}) */
.ct-header .site-title {
	white-space: nowrap;
}

/* Mobile: rodomos tik ikonos, be tekstinių etikečių —
   maketo @media(max-width:1000px){.nav-icon .label{display:none}} */
@media (max-width: 999px) {
	#header [data-id="cart"] .ct-label,
	#header [data-id="menu-secondary"] {
		display: none;
	}

	/* Mobilios eilutės tinklelis yra „auto auto" be justify-content, todėl
	   dešinė grupė susispausdavo iškart po logotipu, o ne prie dešinio krašto. */
	#header [data-row*="middle"] > .ct-container-fluid {
		justify-content: space-between;
	}

	/* Maketo .nav-right{gap:1.2rem}. Blocksy tarpą daro elementų margin'ais,
	   todėl juos nunulinam ir tarpą duodam konteinerio gap'u. */
	#header [data-row*="middle"] div:has(> [data-id="trigger"]) {
		gap: 1.2rem;
	}

	#header [data-row*="middle"] [data-id="cart"],
	#header [data-row*="middle"] [data-id="trigger"] {
		margin: 0;
	}
}

/* „Paslaugos" submeniu (Mokykis su manimi / Kuriam kartu). Blocksy
   numatytasis dropdown'as tamsus (ink fonas), o aktyvaus punkto spalva —
   tamsi header'io „active", tad punktas susiliedavo su fonu. Perdarom į
   šviesų skydelį pagal maketo paletę: kreminis fonas, ink tekstas,
   olive — užvedus ir aktyviam. */
#header [data-id="menu"] .sub-menu {
	background: var(--wp--preset--color--cream);
	box-shadow: 0 10px 24px rgba(45, 44, 42, .14);
}

/* Tipografija — tokia pati kaip viršutinio lygio meniu punktų (Jost 300,
   11.52px, uppercase, ls .18em); Blocksy submeniu kitaip numatytasis. */
#header [data-id="menu"] .sub-menu .ct-menu-link {
	color: var(--wp--preset--color--ink);
	font-size: 0.72rem;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

#header [data-id="menu"] .sub-menu li:hover > .ct-menu-link,
#header [data-id="menu"] .sub-menu .current-menu-item > .ct-menu-link {
	color: var(--wp--preset--color--olive);
}

/* ==========================================================================
   MOBILUS MENIU (offcanvas modal)
   Makete: skydelis prasideda po header'iu (inset: var(--nav-h) 0 auto 0),
   kreminis fonas, paraštės 16px --mx 32px, punktai 17.6px 0 su plona linija.
   ========================================================================== */
:root {
	--ep-nav-h: 72px;
}

/* Makete tai išslenkantis skydelis PO header'iu, o ne visą ekraną dengiantis
   langas: .nav-links{position:fixed;inset:var(--nav-h) 0 auto 0}.
   Su Blocksy z-index'u nekovojam — tiesiog apribojam skydelio dėžutę, kad
   jis prasidėtų žemiau header'io. Tada header'is lieka matomas savaime,
   o po skydeliu matosi puslapis. */
#offcanvas.ct-panel {
	top: var(--ep-nav-h);
	bottom: auto;
	height: auto;
	max-height: calc(100vh - var(--ep-nav-h));
	border-bottom: 1px solid var(--wp--custom--line);
}

body.admin-bar #offcanvas.ct-panel {
	top: calc(var(--ep-nav-h) + 46px);
	max-height: calc(100vh - var(--ep-nav-h) - 46px);
}

/* Uždaroma tuo pačiu burger'iu header'yje, tad skydelio X nereikalingas */
#offcanvas .ct-panel-actions {
	display: none;
}

#offcanvas .ct-panel-content-inner {
	padding: 16px var(--wp--preset--spacing--margin) 32px;
	align-items: flex-start;
}

#offcanvas nav.mobile-menu,
#offcanvas nav.mobile-menu > ul {
	width: 100%;
}

/* Blocksy turi savo --mobile-menu-divider; kartu su mūsiške linija jos
   susideda ir atrodo storesnės/tamsesnės nei maketo --line-soft */
#offcanvas nav.mobile-menu {
	--mobile-menu-divider: none;
}

#offcanvas nav.mobile-menu > ul > li {
	width: 100%;
	border-bottom: 1px solid rgba(45, 44, 42, 0.08);
}

/* Punktą su submeniu („Paslaugos") Blocksy suvynioja į span.ct-sub-menu-parent
   su išskleidimo mygtuku, tad vien „> a" taisyklės jo nebepasiekia —
   punktas likdavo siauresnis už kitus. */
#offcanvas nav.mobile-menu > ul > li > .ct-sub-menu-parent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#offcanvas nav.mobile-menu > ul > li > a,
#offcanvas nav.mobile-menu > ul > li > .ct-sub-menu-parent > a {
	border: 0;
	display: block;
	flex: 1 1 auto;
	padding: 17.6px 0;
}

/* Vidiniai punktai (Mokykis su manimi / Kuriam kartu) — įtraukti,
   mažesniu tarpu, be papildomų linijų */
#offcanvas nav.mobile-menu .sub-menu > li > a {
	border: 0;
	display: block;
	padding: 12px 0 12px 16px;
}

/* ==========================================================================
   EYEBROW — mažas išretintas užrašas virš antraštės
   Maketo .eyebrow: .68rem / w400 / ls .3em / uppercase / taupe
   ========================================================================== */
.ep-eyebrow {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.68rem;
	font-weight: 400;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	line-height: 1.72;
	/* inline-block — kaip makete: neleidžia margin'ui susilieti su antraštės
	   margin-top (kitaip antraštė pakyla ~11px aukščiau nei makete) */
	display: inline-block;
	margin-bottom: 1.1em;
}

/* Centruotose sekcijose inline-block turi likti centre */
.has-text-align-center.ep-eyebrow {
	display: block;
}

.has-coffee-background-color .ep-eyebrow,
.has-olive-background-color .ep-eyebrow {
	color: rgba(246, 244, 239, 0.55);
}

/* ==========================================================================
   ANTRAŠČIŲ VARIANTAI
   Maketo .display: clamp(2.5rem,6vw,4.7rem) / lh 1.06 / ls -.018em
   ========================================================================== */
.ep-display {
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.06;
	letter-spacing: -0.018em;
}

/* ==========================================================================
   LEAD — įžanginė pastraipa
   Maketo .lead: clamp(1.02rem,1.35vw,1.2rem) / w300 / lh 1.7 / muted
   Svarbu: spalva yra --muted rgba(45,44,42,.62), NE taupe.
   ========================================================================== */
.ep-lead {
	font-size: var(--wp--preset--font-size--lead);
	font-weight: 300;
	line-height: 1.7;
	color: var(--wp--custom--muted);
}

.has-coffee-background-color .ep-lead,
.has-olive-background-color .ep-lead {
	color: rgba(246, 244, 239, 0.7);
}

/* ==========================================================================
   MYGTUKAI
   Maketo .btn: .72rem / w400 / ls .24em / uppercase / radius 999px /
   padding 1.05em 2.2em / border 1px solid currentColor
   (radius patvirtintas: web/assets/style.css eil. 125 — border-radius:999px)
   ========================================================================== */
.wp-block-button__link {
	transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

/* Ghost (outline) variantas — permatomas, rėmelis iš teksto spalvos */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border-color: currentColor;
	color: inherit;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink);
	border-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}

/* Tamsiame fone solid mygtukas tampa šviesus (maketo .bg-olive .btn-solid) */
.has-coffee-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.has-olive-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--paper);
	border-color: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}

.has-coffee-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.has-olive-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: transparent;
	color: var(--wp--preset--color--paper);
}

/* ==========================================================================
   TURINIO PLOTIS
   Blocksy blokams taiko width: var(--theme-block-width), dėl to alignwide
   blokas buvo ~4px siauresnis nei sekcijos turinio plotis ir centruodavosi
   su ~2px poslinkiu. Makete .wrap užima visą plotį iki 1240px.
   ========================================================================== */
/* width: 100% grąžina bloką į pilną konteinerio plotį; max-width (720/1240)
   toliau tvarko WP per savo wp-container taisykles, tad jų neliečiam. */
.entry-content .is-layout-constrained > :not(.alignleft):not(.alignright) {
	width: 100%;
}

.entry-content .is-layout-constrained > .alignwide {
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   HERO STULPELIAI
   Maketo .hero-grid: gap clamp(2rem,5vw,5rem) visuose pločiuose;
   ties 900px virsta vienu stulpeliu ir nuotrauka pakyla virš teksto
   (.hero-media{order:-1}). Gutenberg columns pagal nutylėjimą krenta
   tik ties 781px ir nuotrauką palieka apačioje — todėl abu darom čia.
   ========================================================================== */
.wp-block-columns.ep-hero-cols {
	gap: clamp(2rem, 5vw, 5rem);
}

@media (max-width: 900px) {
	.wp-block-columns.ep-hero-cols {
		flex-direction: column;
	}

	.wp-block-columns.ep-hero-cols > .wp-block-column {
		flex-basis: 100% !important;
	}

	/* nuotrauka virš teksto — kaip makete */
	.wp-block-columns.ep-hero-cols > .wp-block-column.ep-media {
		order: -1;
	}
}

/* --------------------------------------------------------------------------
   TEKSTINĖ NUORODA SU BRŪKŠNIU (maketo .link-u)
   Antrinis CTA („Apie mane“, „Plačiau“) makete yra BŪTENT ši nuoroda,
   ne rėmintas mygtukas. Blocksy mygtuko stilius per is-style-link.
   .72rem / ls .22em / uppercase / border-bottom 1px --line / pb .35em
   -------------------------------------------------------------------------- */
.wp-block-button.is-style-ep-link > .wp-block-button__link {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--custom--line);
	border-radius: 0;
	padding: 0 0 0.35em;
	color: inherit;
	font-size: 0.72rem;
	/* maketo .link-u svorio nenustato — paveldi body 300 (ne 400) */
	font-weight: 300;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	line-height: 1.4;
	display: inline-flex;
	align-items: center;
	gap: 0.7em;
	transition: border-color 0.35s ease, gap 0.35s ease;
}

.wp-block-button.is-style-ep-link > .wp-block-button__link:hover {
	background: transparent;
	color: inherit;
	border-bottom-color: currentColor;
	gap: 1.1em;
}

.has-coffee-background-color .wp-block-button.is-style-ep-link > .wp-block-button__link,
.has-olive-background-color .wp-block-button.is-style-ep-link > .wp-block-button__link {
	border-bottom-color: var(--wp--custom--line-dark);
}

/* ==========================================================================
   RODYKLĖ MYGTUKUOSE (maketo .arw)
   Jost neturi → glifo, tad teksto simbolis kristų į sisteminį šriftą.
   Piešiam SVG per mask-image — paveldi currentColor ir šriftą atitinkantį svorį.
   ========================================================================== */
:root {
	--ep-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-ep-arrow > .wp-block-button__link,
.wp-block-button.is-style-ep-link > .wp-block-button__link {
	display: inline-flex;
	align-items: center;
}

.wp-block-button.is-style-ep-arrow > .wp-block-button__link::after,
.wp-block-button.is-style-ep-link > .wp-block-button__link::after {
	content: "";
	width: 0.85em;
	height: 0.85em;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: var(--ep-arrow) center / contain no-repeat;
	mask: var(--ep-arrow) center / contain no-repeat;
	transition: transform 0.35s ease;
}

/* maketo .btn{gap:.75em} ir .link-u{gap:.7em} */
.wp-block-button.is-style-ep-arrow > .wp-block-button__link {
	gap: 0.75em;
}

.wp-block-button.is-style-ep-arrow > .wp-block-button__link:hover::after {
	transform: translateX(4px);
}

/* .link-u hover didina tarpą, ne stumia rodyklę (maketo gap .7em -> 1.1em) */
.wp-block-button.is-style-ep-link > .wp-block-button__link:hover::after {
	transform: none;
}

/* ==========================================================================
   PRODUKTŲ KORTELĖS (maketo .card)
   ========================================================================== */
.ep-card {
	position: relative; /* stretched-link atskaitos taškas */
	display: flex;
	flex-direction: column;
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	overflow: hidden;
	background: var(--wp--preset--color--paper);
	transition: border-color 0.4s ease, transform 0.4s ease;
	height: 100%;
}

.ep-card:hover {
	border-color: var(--wp--preset--color--ink);
	transform: translateY(-3px);
}

/* Visa kortelė — nuoroda (Elenos prašymas 2026-07-27): „Plačiau“
   nuoroda ištempiama per visą kortelės plotą, turinio DB nekeičiant.
   Overlay — per ::before (::after čia užimtas rodyklei!). Kad atskaitos
   tašku liktų .ep-card, kortelės viduje neutralizuojam Gutenberg grupių
   ir pačios nuorodos position (.ep-card-media lieka relative — žymei). */
.ep-card .ep-card-body,
.ep-card .ep-card-foot,
.ep-card .wp-block-buttons,
.ep-card .wp-block-button,
.ep-card .is-style-ep-link .wp-block-button__link {
	position: static;
}

.ep-card .is-style-ep-link .wp-block-button__link::before {
	content: "";
	display: block; /* Blocksy resetina button ::before į display:none */
	position: absolute;
	inset: 0;
	z-index: 1;
	cursor: pointer;
}

.ep-card-media {
	position: relative;
	overflow: hidden;
	margin: 0;
}

/* Kortelėse su žyme <figure> turi seserį, tad Blocksy jai deda 1.5em apatinę
   paraštę, o be žymės ji yra paskutinis vaikas ir paraštės negauna. Dėl to
   kortelės su žyme ir be jos prasilenkdavo 25px, o kartu ir „Plačiau" eilutė.
   Žymė pozicionuota absoliučiai, tad tarpo čia nereikia visai. */
.ep-card-media > figure,
.ep-card-media .wp-block-image {
	margin-block: 0;
}

.ep-card-media img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	transition: transform 0.8s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.ep-card:hover .ep-card-media img {
	transform: scale(1.04);
}

/* Žymė ant nuotraukos (maketo .badge) */
.ep-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	/* width:auto būtinas — turinio blokams taikom width:100%, o žymė
	   turi likti siaura piliulė, ne per visą kortelės plotį */
	width: auto;
	margin: 0;
	font-size: 0.6rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--ink);
	padding: 0.45em 0.9em;
	border-radius: 999px;
	line-height: 1;
}

.ep-badge.ep-badge-accent {
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	z-index: 2;
}

.ep-card-body {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	flex: 1;
}

.ep-card-body p {
	font-size: 0.9rem;
	color: var(--wp--custom--muted);
	line-height: 1.6;
	margin: 0;
}

/* „Plačiau“ nuoroda prisegama prie kortelės apačios (maketo .card-foot) */
.ep-card-foot {
	margin-top: auto;
	padding-top: 1.2rem;
	border-top: 1px solid var(--wp--custom--line-soft);
}

/* ==========================================================================
   PATTERNŲ TARPAI
   Blocksy blokams taiko dvi taisykles:
     :root :where(.is-layout-constrained) > * { margin-block-start: var(--theme-content-spacing) }
     h1..h6 { margin-block-end: calc(var(--has-theme-content-spacing,1) * (.3em + 10px)) }
   Dėl jų h2 gaudavo 62px viršutinę ir 22px apatinę paraštę, kurių makete nėra
   (ten visi blokai turi margin:0, o tarpai duodami tik ten, kur reikia).

   Nunulinam abu kintamuosius TIK patternų viduje (.ep-section), kad Elenos
   laisvai rašomas turinys už patternų ribų išlaikytų Blocksy numatytuosius.
   ========================================================================== */
/* Kintamojo NENULINAM: tuo pačiu --theme-content-spacing Blocksy maitina ir
   grid/flex tarpus (:root :where(.is-layout-grid){gap:var(--theme-content-spacing)}),
   tad jį nunulinus kortelės susiliedavo. Todėl nuimam tiksliai tas dvi
   paraštes, kurios ir buvo problema, o tarpus tarp elementų paliekam gyvus. */
.ep-section .is-layout-constrained > *,
.ep-section.is-layout-constrained > * {
	margin-block-start: 0;
}

/* Pačios sekcijos taip pat yra .entry-content vaikai, tad ir joms Blocksy
   uždeda 1.5em apatinę paraštę. Per tą tarpą prasišviesdavo body fonas —
   siaura šviesesnė juosta tarp sekcijų. Sekcijos maketе remiasi viena į kitą. */
.entry-content > .ep-section,
.ep-section + .ep-section {
	margin-block: 0;
}

.ep-section :is(h1, h2, h3, h4, h5, h6) {
	margin-block-end: 0;
}

/* Tarpai tarp elementų — maketo reikšmėmis, nepriklausomai nuo Blocksy kintamojo */

/* .products grid: gap clamp(1.5rem,3vw,2.2rem) */
.ep-section .ep-grid {
	gap: clamp(1.5rem, 3vw, 2.2rem);
}

/* .hero-cta / mygtukų juosta: gap 1.5rem */
.ep-section .wp-block-buttons {
	gap: 1.5rem;
}

/* ==========================================================================
   DVI KRYPTYS (maketo .paths / .path)
   ========================================================================== */
.ep-section .ep-paths {
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.ep-path {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	overflow: hidden;
	background: var(--wp--preset--color--paper);
	transition: border-color 0.4s ease, transform 0.4s ease;
	height: 100%;
}

.ep-path:hover {
	border-color: var(--wp--preset--color--ink);
	transform: translateY(-3px);
}

.ep-path-media {
	overflow: hidden;
	margin: 0;
}

/* #44 — vertikali nuotraukų vieta */
.ep-path-media img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	transition: transform 0.8s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.ep-path:hover .ep-path-media img {
	transform: scale(1.04);
}

.ep-path-body {
	padding: clamp(1.6rem, 3vw, 2.4rem);
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	flex: 1;
}

.ep-path-body .wp-block-buttons {
	margin-top: auto;
}

/* ==========================================================================
   INSTAGRAM JUOSTA (maketo .ig)
   ========================================================================== */
.ep-section .ep-ig {
	gap: 0.6rem;
}

.ep-ig figure {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
	background: var(--wp--preset--color--stone);
}

.ep-ig img {
	width: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	display: block;
	transition: transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1), opacity 0.4s ease;
}

.ep-ig figure:hover img {
	transform: scale(1.05);
	opacity: 0.85;
}

/* Mobile rodom tik tris — maketo .ig li:nth-child(n+4){display:none} */
@media (max-width: 900px) {
	.ep-ig > :nth-child(n + 4) {
		display: none;
	}
}

/* ==========================================================================
   ĮSITIKINIMAI / SĄRAŠAS SU NUMERIAIS (maketo .beliefs)
   ========================================================================== */
.ep-beliefs {
	display: grid;
	gap: 0;
}

.ep-belief {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.2rem;
	align-items: baseline;
	padding: 1.4rem 0;
	border-bottom: 1px solid var(--wp--custom--line);
}

.ep-belief:first-child {
	border-top: 1px solid var(--wp--custom--line);
}

.ep-belief .ep-no {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.1rem;
	color: var(--wp--preset--color--olive);
	white-space: nowrap;
	margin: 0;
}

.ep-belief b {
	font-weight: 400;
	display: block;
	margin-bottom: 0.2em;
}

.ep-belief p {
	margin: 0;
	font-size: 0.9rem;
	color: var(--wp--custom--muted);
}

@media (max-width: 560px) {
	.ep-belief {
		grid-template-columns: 1fr;
		gap: 0.3rem;
	}
}

/* ==========================================================================
   ATSILIEPIMAI (maketo .quotes / .quote) — kol kas stalčiuje
   ========================================================================== */
.ep-quote {
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	padding: clamp(1.6rem, 3vw, 2.2rem);
	background: var(--wp--preset--color--paper);
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	height: 100%;
}

.ep-quote .ep-mark {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 2.4rem;
	line-height: 0.6;
	color: var(--wp--preset--color--stone);
	margin: 0;
}

.ep-quote blockquote {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.2rem;
	line-height: 1.45;
	border: 0;
	padding: 0;
}

.ep-quote .ep-author {
	margin-top: auto;
	margin-bottom: 0;
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
}

/* ==========================================================================
   PRODUKTO PIRKIMO BLOKAS (maketo .buy / .spec / .price)
   ========================================================================== */
.ep-buy {
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	padding: clamp(1.4rem, 3vw, 2rem);
	background: var(--wp--preset--color--paper);
}

.ep-price {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 2.2rem;
	line-height: 1;
	margin: 0 0 1.4rem;
}

.ep-spec {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
	padding-bottom: 1.4rem;
	margin-bottom: 1.4rem;
	border-bottom: 1px solid var(--wp--custom--line-soft);
}

.ep-spec > * {
	margin: 0;
	font-size: 0.85rem;
}

.ep-spec dt,
.ep-spec .ep-spec-label {
	font-size: 0.64rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	margin: 0 0 0.2em;
}

.ep-buy-note {
	font-size: 0.78rem;
	color: var(--wp--custom--muted);
	margin: 1rem 0 0;
	text-align: center;
}

/* ==========================================================================
   TEKSTO BLOKAS (maketo .prose)
   ========================================================================== */
.ep-prose p {
	margin: 0 0 1.1em;
}

.ep-prose h2 {
	margin: 2.6em 0 0.7em;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
}

.ep-prose > h2:first-child {
	margin-top: 0;
}

.ep-prose ul {
	margin: 0 0 1.4em;
	padding: 0;
	list-style: none;
}

.ep-prose li {
	position: relative;
	padding-left: 1.6em;
	margin-bottom: 0.6em;
	color: var(--wp--custom--muted);
}

/* brūkšnelis vietoj taško — maketo .prose li::before */
.ep-prose li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 7px;
	height: 1px;
	background: var(--wp--preset--color--olive);
}

.ep-prose strong {
	font-weight: 400;
	color: var(--wp--preset--color--ink);
}

/* Išskirta mintis (maketo .callout — #56: be kairiojo brūkšnio) */
.ep-callout {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.14rem;
	line-height: 1.45;
	padding: 0.2em 0;
	margin: 1.8em 0;
}

/* ==========================================================================
   DUK — core details blokas (maketo .acc)
   ========================================================================== */
.ep-faq {
	border-top: 1px solid var(--wp--custom--line);
}

.ep-faq .wp-block-details {
	border-bottom: 1px solid var(--wp--custom--line);
	padding: 0;
}

.ep-faq summary {
	list-style: none;
	cursor: pointer;
	padding: 1.3rem 2.5rem 1.3rem 0;
	position: relative;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.15rem;
	transition: color 0.3s ease;
}

.ep-faq summary::-webkit-details-marker,
.ep-faq summary::marker {
	display: none;
	content: "";
}

.ep-faq summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1.1rem;
	color: var(--wp--preset--color--taupe);
	transition: transform 0.3s ease;
}

.ep-faq details[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.ep-faq summary:hover {
	color: var(--wp--preset--color--olive);
}

.ep-faq .wp-block-details > :not(summary) {
	padding: 0 2.5rem 1.5rem 0;
	color: var(--wp--custom--muted);
	font-size: 0.94rem;
	margin: 0;
}

/* ==========================================================================
   TRYS STULPELIAI (maketo .pdp-cols)
   ========================================================================== */
.ep-section .ep-cols-3 {
	gap: clamp(1.8rem, 3.5vw, 3rem);
}

/* ==========================================================================
   TINKLELIŲ KRITIMAS MOBILE
   Gutenberg grid su columnCount pats nesikrauna į stulpelį — maketo
   .paths / .quotes / .ig krenta ties 900px, tad tą patį darom čia.
   (Kortelių ir trijų stulpelių tinkleliai naudoja minimumColumnWidth,
   todėl krenta savaime ir čia jų nereikia.)
   ========================================================================== */
.ep-section .ep-quotes {
	gap: clamp(1.5rem, 3vw, 2.2rem);
}

@media (max-width: 900px) {
	.ep-section .ep-paths,
	.ep-section .ep-quotes {
		grid-template-columns: minmax(0, 1fr);
	}

	.ep-section .ep-ig {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Blocksy mini krepšelio skydelis pozicionuojamas absoliučiai be right/left,
   tad siaurame ekrane išlenda ~4px už dešinio krašto ir atsiranda
   horizontalus scroll'as (nors pats skydelis paslėptas). Pririšam prie
   dešinio krašto ir apribojam plotį. */
@media (max-width: 999px) {
	#header .ct-header-cart .ct-cart-content {
		right: 0;
		left: auto;
		max-width: calc(100vw - 2 * var(--wp--preset--spacing--margin));
	}
}

/* ==========================================================================
   PASLAUGOS (produkto) PUSLAPIS
   Maketo .pdp-head: pavadinimas ir įžanga per visą plotį VIRŠ nuotraukos
   ir pirkimo bloko (#79). Blocksy prekės tinklelyje jie taptų dar vienu
   stulpeliu, todėl ištempiam per visas skiltis.
   ========================================================================== */
/* Antraštė renderinama PRIEŠ .product apvalkalą (hook woocommerce_before_single_product),
   kad nepatektų į Blocksy flex eilutę su nuotrauka ir pirkimo bloku —
   ten ji arba taptų stulpeliu, arba flex-wrap išskirtų nuotrauką nuo kainos. */
/* Kiekviena sekcija apvyniojama Blocksy .is-width-constrained juosta —
   ji duoda tą patį 1240px plotį ir paraštes kaip prekės apvalkalas.
   Viduje maketo .pdp-head ribojasi iki 780px ir lygiuojasi į kairę. */
.ep-pdp-head {
	max-width: 780px;
	margin: 0 0 clamp(2rem, 4vw, 3rem);
}

/* Maketo .h1 reikšmė tiesiogiai: --wp--preset--font-size--h1 prekės
   puslapyje neišsisprendžia (WP neišveda šio preseto), o display — taip. */
.ep-pdp-title {
	font-size: clamp(2.1rem, 4.4vw, 3.4rem);
	line-height: 1.1;
	letter-spacing: -0.012em;
	margin: 0.15em 0 0.5em;
}

/* Pirkimo blokas — maketo .buy */
.product .entry-summary {
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	padding: clamp(1.4rem, 3vw, 2rem);
	background: var(--wp--preset--color--paper);
}

/* Maketo .price svorio nenustato — paveldi body 300. Blocksy deda 700,
   dėl to kaina atrodo per sunki.

   NUKRYPIMAS NUO MAKETO: makete kaina yra Playfair (--serif), bet skaitmenys
   šalia mažų versalinių specifikacijų skaitosi sunkiai, tad naudojam Jost —
   tą patį šriftą kaip paprastam tekstui. Grąžinti atgal — pakeisti sans į serif. */
.product .entry-summary .price,
.product .entry-summary .price * {
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 300;
	letter-spacing: -0.01em;
}

.product .entry-summary .price {
	font-size: 2.2rem;
	line-height: 1;
	color: var(--wp--preset--color--ink);
}

/* Perbraukta senoji kaina (maketo .price s) */
.product .entry-summary .price del,
.product .entry-summary .price del * {
	font-size: 0.9rem;
	color: var(--wp--preset--color--taupe);
	margin-right: 0.4em;
	opacity: 1;
}

.product .entry-summary .price ins {
	text-decoration: none;
}

/* Specifikacijos (maketo .spec) */
.ep-spec {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
	padding-bottom: 1.4rem;
	margin: 1.4rem 0;
	border-bottom: 1px solid var(--wp--custom--line-soft);
}

.ep-spec > div {
	margin: 0;
}

/* Maketo .spec dt/dd svorio nenustato — paveldi body 300 */
.ep-spec dt {
	font-weight: 300;
	font-size: 0.64rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	margin-bottom: 0.2em;
}

.ep-spec dd {
	margin: 0;
	font-weight: 300;
	font-size: 0.85rem;
}

/* Trys skiltys ir nuosekli seka */
.ep-pdp-desc {
	max-width: 780px;
	margin-top: clamp(2.5rem, 5vw, 4rem);
}

.ep-pdp-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.8rem, 3.5vw, 3rem);
	margin-top: clamp(2.5rem, 5vw, 4rem);
}

/*
 * „Nuosekliai“: makete visos skiltys yra viename .prose sraute, tad tarpą
 * tarp jų duoda pačių h2 viršutinė paraštė (2.6em). Čia skiltys yra atskiri
 * divai, todėl paraštės nenulinam — kitaip antraštės prilimptų prie etapų.
 */
.ep-pdp-seka {
	max-width: 780px;
}

@media (max-width: 900px) {
	.ep-pdp-cols {
		grid-template-columns: minmax(0, 1fr);
	}
}

.ep-pdp-cols .ep-prose h2 {
	margin-top: 0;
}

/*
 * .ep-prose > h2:first-child nuima paraštę, bet „nuosekliai“ kiekviena skiltis
 * yra atskiras divas, tad ji privalo likti — makete šios antraštės yra viename
 * sraute ir turi 2.6em viršuje.
 */
.ep-pdp-seka > .ep-prose > h2:first-child {
	margin-top: 2.6em;
}

/* Programos etapai (maketo .steps / .step) */
.ep-steps {
	counter-reset: ep-step;
	list-style: none;
	display: grid;
	gap: 1.2rem;
	margin: 1.6rem 0;
	padding: 0;
}

.ep-step {
	counter-increment: ep-step;
	position: relative;
	padding: 1.4rem 1.4rem 1.4rem 3.6rem;
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	background: var(--wp--preset--color--paper);
	color: inherit;
}

/* .ep-step yra <li> .ep-prose viduje, tad jį pagauna sąrašo brūkšnelio
   taisyklė (.ep-prose li::before, specifiškumas 0,1,1). Todėl numerio
   taisyklei reikia bent tokio pat svorio. */
.ep-prose .ep-steps > .ep-step {
	padding-left: 3.6rem;
	color: inherit;
}

.ep-prose .ep-steps > .ep-step::before {
	content: counter(ep-step);
	position: absolute;
	left: 1.4rem;
	top: 1.3rem;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.2rem;
	color: var(--wp--preset--color--olive);
	width: auto;
	height: auto;
	background: none;
	top: 1.3rem;
	left: 1.4rem;
}

.ep-step h4 {
	font-size: 1.1rem;
	margin: 0 0 0.3em;
}

.ep-step p {
	margin: 0;
	color: var(--wp--custom--muted);
}

/* DUK paslaugos puslapyje */
.ep-pdp-duk {
	max-width: 780px;
	margin-top: clamp(2.5rem, 5vw, 4rem);
}

.ep-duk-title {
	font-size: var(--wp--preset--font-size--h3);
	margin: 0 0 1rem;
}

/* ==========================================================================
   TRUPINIAI (maketo .crumbs)
   .68rem / ls .18em / uppercase / taupe; skirtukas „/" su 0 .6em ir opacity .5
   ========================================================================== */
.ct-breadcrumbs {
	/* maketo .crumbs svorio nenustato — paveldi body 300; Blocksy deda 600 */
	font-weight: 300;
	font-size: 0.68rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	line-height: 1.6;
}

.ct-breadcrumbs a {
	font-weight: inherit;
	color: inherit;
	transition: color 0.3s ease;
}

.ct-breadcrumbs a:hover {
	color: var(--wp--preset--color--ink);
}

/* Makete skirtukas yra „/", ne rodyklė. Blocksy custom separator nustatymas
   nesuveikė, tad SVG slepiam ir brūkšnį dedam per ::after — taip pat gaunam
   maketo tarpus (0 .6em) ir opacity .5. */
.ct-breadcrumbs .ct-separator {
	display: none;
}

.ct-breadcrumbs > *:not(:last-child)::after {
	content: "/";
	margin: 0 0.6em;
	opacity: 0.5;
}

/* ============================================================
   PORAŠTĖ — maketo footer.site
   Struktūrą duoda Blocksy footer builder (4 valdiklių sritys +
   apatinė juosta). Čia tik maketo tipografija ir tarpai.
   ============================================================ */

#main-container > .ct-footer {
	--theme-content-spacing: 0px;
	color: var(--wp--preset--color--paper);
	padding-block: clamp(56px, 7vw, 84px) 2rem;
}

/* maketo .foot-grid: pirmas stulpelis platesnis (1.4fr) */
@media (min-width: 1000px) {
	#main-container > .ct-footer [data-row="middle"] > .ct-container {
		grid-template-columns: 1.4fr 1fr 1fr 1fr;
		gap: clamp(1.6rem, 3vw, 3rem);
	}
}

/* pirmas stulpelis — pavadinimas ir įmonės duomenys */
.ct-footer .ep-foot-brand {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.3rem;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	margin: 0 0 0.8rem;
}

.ct-footer .ep-foot-brand a {
	color: rgba(246, 244, 239, 0.78);
	text-decoration: none;
}

.ct-footer .ep-foot-brand a:hover {
	color: var(--wp--preset--color--paper);
}

.ct-footer .ep-foot-apie {
	font-size: 0.875rem;
	line-height: 1.6;
	max-width: 30ch;
	color: rgba(246, 244, 239, 0.6);
	margin: 0;
}

/* „Susisiekime“ — stulpelio antraštė, kuri kartu yra nuoroda į kontaktus.
   Selektorius su abiem klasėmis, nes .ep-foot-antraste naudoja sutrumpintą
   `margin` ir eina vėliau faile — kitaip viršutinė paraštė nusitrina. */
.ct-footer .ep-foot-antraste.ep-foot-susisiekime {
	margin-top: 2rem;
}

.ct-footer .ep-foot-susisiekime a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.ct-footer .ep-foot-susisiekime a:hover {
	color: var(--wp--preset--color--paper);
}

/* stulpelių antraštės */
.ct-footer .ep-foot-antraste {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 400;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(246, 244, 239, 0.5);
	margin: 0 0 1.1rem;
}

/* nuorodų sąrašai */
.ct-footer .ep-foot-sarasas {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.7rem;
}

.ct-footer .ep-foot-sarasas a {
	font-size: 0.88rem;
	color: rgba(246, 244, 239, 0.78);
	text-decoration: none;
	transition: color 0.3s ease;
}

.ct-footer .ep-foot-sarasas a:hover {
	color: var(--wp--preset--color--paper);
}

/* socialinių tinklų apskritimas (#65) */
.ct-footer .ep-foot-social {
	gap: 0.9rem;
	margin-top: 1.1rem;
}

/*
 * Spalva dedama ant li, ne ant nuorodos: core taisyklė
 * .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor
 * turi didesnį specifiškumą ir nuorodai visada primeta currentColor.
 */
.ct-footer .ep-foot-social li.wp-block-social-link {
	margin: 0;
	color: rgba(246, 244, 239, 0.75);
}

.ct-footer .ep-foot-social li.wp-block-social-link:hover {
	color: var(--wp--preset--color--cream);
}

.ct-footer .ep-foot-social .wp-block-social-link-anchor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(246, 244, 239, 0.22);
	background: none;
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}

.ct-footer .ep-foot-social .wp-block-social-link-anchor svg {
	fill: currentColor;
}

.ct-footer .ep-foot-social .wp-block-social-link-anchor svg {
	width: 20px;
	height: 20px;
}

.ct-footer .ep-foot-social .wp-block-social-link-anchor:hover {
	border-color: rgba(246, 244, 239, 0.5);
	background: rgba(246, 244, 239, 0.07);
}

/* apatinė juosta — maketo .foot-bot */
#main-container > .ct-footer [data-row="bottom"] {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	padding-top: 1.6rem;
	border-top: 1px solid rgba(246, 244, 239, 0.18);
}

.ct-footer .ct-footer-copyright {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	font-size: 0.75rem;
	color: rgba(246, 244, 239, 0.5);
}

.ct-footer .ct-footer-copyright a {
	color: inherit;
}

.ct-footer .ct-footer-copyright a:hover {
	color: var(--wp--preset--color--paper);
}

@media (max-width: 999px) {
	.ct-footer .ct-footer-copyright {
		justify-content: flex-start;
		flex-direction: column;
	}
}

/* ============================================================
   KONTAKTAI — sąrašas, rekvizitai ir Fluent Forms laukai
   Fluent Forms savo klases turi savas, tad maketo .field / .input
   reikšmės perkeliamos ant .ff-el-* atitikmenų.
   ============================================================ */

.ep-kontaktai {
	list-style: none;
	margin: 2.4rem 0 0;
	padding: 0;
	display: grid;
	gap: 1.4rem;
}

.ep-kontaktai dt {
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	margin-bottom: 0.3em;
}

.ep-kontaktai dd {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.3rem;
}

.ep-kontaktai dd a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(45, 44, 42, 0.14);
	transition: border-color 0.3s ease;
}

.ep-kontaktai dd a:hover {
	border-bottom-color: currentColor;
}

/* Rekvizitai — toks pat įrašas kaip el. paštas ar telefonas, tik keliomis
   eilutėmis, tad tik sutankinam tarpą tarp jų. Dydis paveldimas iš dd. */
.ep-kontaktai dd.ep-rekvizitai {
	line-height: 1.45;
}

/* ── forma ─────────────────────────────────────────────────── */

.ep-forma .ff-el-group {
	margin-bottom: 1.1rem;
}

.ep-forma .ff-el-input--label label {
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	margin-bottom: 0.5em;
}

/*
 * Makete privalomų laukų žvaigždutės nėra (visi keturi laukai privalomi,
 * tad žymė nieko neskiria). Fluent Forms leidžia tik kairę arba dešinę
 * padėtį, ne „be žvaigždutės“, todėl slepiam CSS.
 */
.ep-forma .ff-el-is-required.asterisk-right label::after,
.ep-forma .ff-el-is-required.asterisk-left label::before {
	display: none;
}

.ep-forma .ff-el-form-control {
	width: 100%;
	/* Fluent Forms laukams primeta height: 40px, todėl paraštės nieko nekeičia */
	height: auto;
	font: inherit;
	font-size: 0.95rem;
	color: var(--wp--preset--color--ink);
	background: transparent;
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 999px;
	padding: 1em 1.4em;
	box-shadow: none;
	transition: border-color 0.3s ease;
}

.ep-forma textarea.ff-el-form-control {
	border-radius: 4px;
	resize: vertical;
	min-height: 130px;
}

.ep-forma .ff-el-form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: var(--wp--preset--color--ink);
}

.ep-forma .ff-el-form-control::placeholder {
	color: var(--wp--preset--color--muted);
}

/* sutikimo varnelė (maketo .check) */
.ep-forma .ff-el-form-check {
	display: flex;
	align-items: flex-start;
	gap: 0.7em;
	font-size: 0.82rem;
	color: var(--wp--preset--color--muted);
	line-height: 1.5;
}

.ep-forma .ff-el-form-check input[type="checkbox"] {
	margin-top: 0.35em;
	accent-color: var(--wp--preset--color--olive);
	flex-shrink: 0;
}

.ep-forma .ff-el-form-check-label {
	margin: 0;
	cursor: pointer;
}

.ep-forma .ff-el-form-check a {
	color: inherit;
	border-bottom: 1px solid rgba(45, 44, 42, 0.14);
	text-decoration: none;
}

/* siuntimo mygtukas — maketo .btn.btn-solid.btn-block */
.ep-forma .ff-btn-submit {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 0.75em;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	padding: 1.05em 2.2em;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--olive);
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.ep-forma .ff-btn-submit:hover {
	background: var(--wp--preset--color--coffee);
	border-color: var(--wp--preset--color--coffee);
	color: var(--wp--preset--color--paper);
}

.ep-forma .ff-el-group:last-of-type,
.ep-forma .ff_submit_btn_wrapper {
	margin-top: 1.4rem;
	margin-bottom: 0;
}

/* klaidų ir padėkos pranešimai */
.ep-forma .error.text-danger {
	font-size: 0.78rem;
	color: var(--wp--preset--color--red);
	margin-top: 0.4em;
}

.ep-forma .ff-message-success {
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
	padding: 1.4rem;
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}

/*
 * Formą nuleidžiam iki didžiosios antraštės viršaus: praleidžiam eyebrow
 * eilutę, jos apatinę paraštę ir antraštės viršutinę paraštę. Reikšmės imamos
 * iš tų pačių tokenų, iš kurių tie elementai ir sudėti, tad pasikeitus
 * tipografijai lygiavimas nesugrius.
 */
@media (min-width: 901px) {
	.ep-forma {
		margin-top: calc(
			0.68rem * 1.72
			+ 0.68rem * 1.1
			+ 0.15 * var(--wp--preset--font-size--display)
		);
	}
}

@media (max-width: 900px) {
	.ep-forma {
		margin-top: 2.5rem;
	}
}

/* ============================================================
   PASKYRA IR VISOS WooCommerce FORMOS
   Kalbos sluoksnis eina iš oficialių vertimų, čia — tik stilius.

   SVARBU dėl apimties: paskyros formos renderinasi keliais keliais —
   prisijungimas, pamirštas slaptažodis, slaptažodžio atstatymas, adresai,
   vartotojo informacija, atsiskaitymo prisijungimas. Tik dalis jų turi
   .ct-woo-account ar .woocommerce-form-login apvalkalą (atsijungusiam
   paskyros puslapyje .ct-woo-account nėra visai), todėl stilius kabinamas
   ant .woocommerce ir ant pačių Woo formų klasių — jos vienodos visuose
   šablonuose.
   ============================================================ */

/* ── vertikalus ritmas: toks pat kaip svetainės sekcijų ─────── */

.woocommerce-account .entry-content,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
	padding-block: clamp(48px, 7vw, 80px);
}

.ct-woo-account {
	--account-nav-text-initial-color: var(--wp--preset--color--muted);
	--account-nav-text-active-color: var(--wp--preset--color--olive);
	--account-nav-background-active-color: transparent;
	--account-nav-divider-color: rgba(45, 44, 42, 0.08);
	gap: clamp(2rem, 4vw, 4rem);
	align-items: flex-start;
}

/* ── navigacija: svetainės meniu ritmas ─────────────────────── */

.ct-woo-account .woocommerce-MyAccount-navigation ul {
	font-size: inherit;
}

.ct-woo-account .woocommerce-MyAccount-navigation ul li a {
	height: auto;
	padding: 1.05em 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	border-inline-start: 1px solid transparent;
	padding-inline-start: 1.1em;
	transition: color 0.3s ease, border-color 0.3s ease;
}

/* aktyvų punktą žymi plona olive linija, ne pilnas fonas */
.ct-woo-account .woocommerce-MyAccount-navigation ul li.is-active a {
	border-inline-start-color: var(--wp--preset--color--olive);
}

.ct-woo-account .woocommerce-MyAccount-navigation ul li a::before {
	font-size: 14px;
	margin-inline-end: 12px;
	opacity: 0.7;
}

/* ── turinys ────────────────────────────────────────────────── */

.woocommerce-MyAccount-content {
	font-size: 0.95rem;
	line-height: 1.75;
}

.woocommerce :is(h2, h3, legend) {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.3rem, 2vw, 1.6rem);
	font-weight: 400;
	margin-bottom: 0.8em;
}

.woocommerce-MyAccount-content p {
	margin-bottom: 1em;
}

.woocommerce-MyAccount-content a:not(.button) {
	color: inherit;
	border-bottom: 1px solid rgba(45, 44, 42, 0.14);
	text-decoration: none;
}

.woocommerce-MyAccount-content a:not(.button):hover {
	border-bottom-color: currentColor;
}

/* užsakymų ir atsisiuntimų lentelės */
.woocommerce-MyAccount-content table {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce-MyAccount-content table th {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	text-align: start;
	padding: 0 0 0.9em;
	border-bottom: 1px solid rgba(45, 44, 42, 0.14);
}

.woocommerce-MyAccount-content table td {
	padding: 1.1em 0;
	border-bottom: 1px solid rgba(45, 44, 42, 0.08);
	font-size: 0.9rem;
}

/* ── FORMOS: vienas kelias visoms ───────────────────────────── */

.woocommerce :is(.form-row, .woocommerce-form-row) {
	margin-bottom: 1.1rem;
}

.woocommerce :is(.form-row, .woocommerce-form-row) label,
.woocommerce-form label,
.woocommerce fieldset label {
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	margin-bottom: 0.5em;
}

/* Privalomumo žymės makete nėra — Woo jas deda ir kaip span, ir kaip abbr */
.woocommerce :is(.required, abbr.required, .required *),
.woocommerce label .required {
	display: none !important;
}

.woocommerce :is(input.input-text, .woocommerce-Input, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea) {
	width: 100%;
	height: auto;
	font: inherit;
	font-size: 0.95rem;
	color: var(--wp--preset--color--ink);
	background: transparent;
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 999px;
	padding: 1em 1.4em;
	box-shadow: none;
	transition: border-color 0.3s ease;
}

.woocommerce textarea {
	border-radius: 4px;
	min-height: 130px;
	resize: vertical;
}

.woocommerce :is(input, select, textarea):focus {
	outline: none;
	box-shadow: none;
	border-color: var(--wp--preset--color--ink);
}

/* varnelės — ne per visą plotį */
.woocommerce input[type="checkbox"],
.woocommerce input[type="radio"] {
	width: auto;
	accent-color: var(--wp--preset--color--olive);
}

.woocommerce :is(.woocommerce-form-login__rememberme, .woocommerce-form__label-for-checkbox) {
	display: flex;
	align-items: center;
	gap: 0.7em;
	font-size: 0.82rem;
	font-weight: 300;
	letter-spacing: normal;
	text-transform: none;
	color: var(--wp--preset--color--muted);
}

/* mygtukai — kaip visoje svetainėje */
.woocommerce :is(.button, .woocommerce-Button, button[type="submit"]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75em;
	width: auto;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	font-weight: 400;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	padding: 1.05em 2.2em;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--olive);
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	transition: background 0.35s ease, border-color 0.35s ease;
}

.woocommerce :is(.button, .woocommerce-Button, button[type="submit"]):hover {
	background: var(--wp--preset--color--coffee);
	border-color: var(--wp--preset--color--coffee);
	color: var(--wp--preset--color--paper);
}

/* Woo pranešimai */
.woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
	background: var(--wp--preset--color--paper);
	font-size: 0.9rem;
}

/* punktyrinius rėmelius keičiam plona vientisa linija (maketo --line) */
.woocommerce :is(.woocommerce-Addresses > *, fieldset, .woocommerce-address-fields) {
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
}

.woocommerce fieldset {
	padding: clamp(1.2rem, 3vw, 1.8rem);
	margin-top: 1.6rem;
}

/* legenda sėdi ant fieldset linijos — atitraukiam, kad linija jos nekirstų */
.woocommerce fieldset legend {
	padding-inline: 0.6em;
	margin-inline-start: -0.6em;
}

/* Adresų kortelė: „Pridėti“ nuoroda po antrašte, ne šalia jos — antraščių
   ilgis skiriasi, tad vienoje eilutėje viena kortelė laužydavosi, kita ne. */
.woocommerce .woocommerce-Address-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
	margin-bottom: 1.2rem;
}

.woocommerce .woocommerce-Address-title :is(h2, h3) {
	margin-bottom: 0;
}

.woocommerce .woocommerce-Address-title .edit {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	border-bottom: 1px solid rgba(45, 44, 42, 0.14);
	text-decoration: none;
	white-space: nowrap;
}

.woocommerce .woocommerce-Address-title .edit:hover {
	color: var(--wp--preset--color--ink);
	border-bottom-color: currentColor;
}

/* ── prisijungimo ir slaptažodžio formos ────────────────────── */

.woocommerce :is(.woocommerce-form-login, .woocommerce-ResetPassword, .lost_reset_password) {
	max-width: 460px;
	margin-inline: auto;
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
	padding: clamp(1.6rem, 4vw, 2.6rem);
}

.woocommerce :is(.woocommerce-form-login, .woocommerce-ResetPassword, .lost_reset_password) button[type="submit"] {
	width: 100%;
}

.woocommerce .woocommerce-LostPassword {
	margin-top: 1.2rem;
	font-size: 0.82rem;
}

@media (max-width: 900px) {
	.ct-woo-account {
		flex-direction: column;
	}

	.ct-woo-account .woocommerce-MyAccount-navigation {
		width: 100%;
	}

	.woocommerce .woocommerce-Addresses {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ============================================================
   KREPŠELIS, ATSISKAITYMAS IR IŠSKLEIDŽIAMAS KREPŠELIS
   Blocksy šioms vietoms turi savo dydžius su didesniu specifiškumu,
   tad kai kur reikia jo paties selektorių.
   ============================================================ */

/* ── lentelių antraštės — kaip specifikacijos visoje svetainėje ── */

.woocommerce table.shop_table th,
.woocommerce table.cart th,
.woocommerce-checkout table th {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
	text-align: start;
}

/* ── skilčių antraštės ─────────────────────────────────────── */

.ct-woocommerce-cart-form .cart_totals h2,
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.2rem, 1.8vw, 1.45rem);
	font-weight: 400;
	letter-spacing: -0.01em;
	margin-bottom: 0.9em;
}

/* prekės pavadinimas krepšelyje ir atsiskaitant */
.woocommerce table.shop_table td.product-name a,
.woocommerce table.shop_table td.product-name {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	font-weight: 400;
}

/* sumų eilutės */
.woocommerce table.shop_table th.product-total,
.woocommerce .cart_totals :is(th, td),
.woocommerce-checkout .order-total :is(th, td) {
	font-weight: 300;
}

.woocommerce :is(.cart_totals, .order-total) .amount {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
}

/* punktyrinius skirtukus keičiam plona vientisa linija */
.woocommerce table.shop_table :is(th, td) {
	border-style: solid;
	border-color: rgba(45, 44, 42, 0.14);
}

.woocommerce :is(.cart_totals, .cart-collaterals > *) {
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
}

/* ── išskleidžiamas krepšelis headeryje ────────────────────── */

/*
 * Skydelio fonas ir teksto spalva nustatyti per Blocksy header'io krepšelio
 * nustatymus (cartDropDownBackground, cartFontColor) — jis pats generuoja
 * --mini-cart-background-color. Čia lieka tik tai, ko jo nustatymai neapima.
 */
.ct-cart-content {
	/* numatytasis skirtukas baltas su 10% permatomumu — ant šviesaus nematomas */
	--mini-cart-divider-color: rgba(45, 44, 42, 0.14);
	border: 1px solid rgba(45, 44, 42, 0.14);
	border-radius: 4px;
	box-shadow: 0 10px 30px rgba(45, 44, 42, 0.08);
}

.ct-cart-content .woocommerce-mini-cart li:not(:last-child) {
	border-bottom-style: solid;
}

.ct-cart-content .woocommerce-mini-cart-item a:not(.remove) {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.98rem;
	font-weight: 400;
	text-decoration: none;
}

.ct-cart-content .quantity {
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
}

.ct-cart-content .woocommerce-mini-cart__total {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.66rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--taupe);
}

.ct-cart-content .woocommerce-mini-cart__total .amount {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	color: var(--wp--preset--color--ink);
}

/* mygtukai skydelyje — kaip visoje svetainėje, tik siauresni */
.ct-cart-content .woocommerce-mini-cart__buttons .button {
	--theme-button-font-size: 0.66rem;
	--theme-button-font-weight: 400;
	--theme-button-min-height: 44px;
	letter-spacing: 0.2em;
}

/* ── WooCommerce prekių kortelės ────────────────────────────
   „Panašūs produktai" ir /shop/ archyvas naudoja tą patį ul.products
   markup'ą, tad stilių rašom vieną kartą ir suvienodinam su tikruoju
   parduotuvės puslapiu /paslaugos/, kur kortelės sudėtos pattern'u (.ep-card).
   Markup'o nekeičiam — kūno paraštes duodam patiems elementams, nes
   Woo ciklas neturi atskiro turinio apvalkalo.
   ------------------------------------------------------------ */

.related.products,
.up-sells.products {
	/* buvo prilipę prie poraštės — duodam tą patį ritmą kaip sekcijoms */
	padding-block: clamp(48px, 7vw, 80px);
	margin-block: 0;
	border-top: 1px solid var(--wp--custom--line);
}

.related.products > h2,
.up-sells.products > h2 {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 400;
	margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}

/* pati kortelė — kaip .ep-card */
ul.products li.product {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid var(--wp--custom--line);
	border-radius: 4px;
	overflow: hidden;
	background: var(--wp--preset--color--paper);
	transition: border-color 0.4s ease;
}

ul.products li.product:hover {
	border-color: var(--wp--preset--color--taupe);
}

/* nuotrauka prigludusi prie kortelės viršaus */
ul.products li.product > figure,
ul.products li.product .ct-media-container {
	margin: 0;
	border-radius: 0;
}

ul.products li.product img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	width: 100%;
	transition: transform 0.8s cubic-bezier(0.2, 0.6, 0.2, 1);
}

ul.products li.product:hover img {
	transform: scale(1.04);
}

/* tekstinė dalis — .ep-card-body paraštės */
ul.products li.product > :not(figure):not(.ct-media-container) {
	margin-inline: 1.5rem;
	width: auto;
}

ul.products li.product > .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.25;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

/* trumpas aprašymas — kaip pattern'o kortelėje */
ul.products li.product > .entry-excerpt {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--wp--custom--muted);
	margin-bottom: 0.5rem;
}

/* „Plačiau" prisegtas prie apačios virš plonos linijos — kaip .ep-card-foot */
ul.products li.product > .ep-card-foot {
	margin-top: auto;
	padding-top: 1.2rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid var(--wp--custom--line-soft);
}

.ep-card-daugiau {
	display: inline-flex;
	align-items: center;
	gap: 0.75em;
	padding-bottom: 0.35em;
	border-bottom: 1px solid var(--wp--custom--line);
	color: inherit;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	font-weight: 300;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	line-height: 1.4;
	transition: gap 0.35s ease, border-color 0.35s ease;
}

.ep-card-daugiau:hover {
	gap: 1.1em;
	border-bottom-color: currentColor;
}

/* Blocksy žymes išveda PRIEŠ nuotrauką, tad ji jas uždengia — pakeliam.
   Pattern'o kortelėse to nereikia: ten žymė eina po nuotrauka. */
.ep-badges {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ep-badges > * {
	position: static;
	top: auto;
	left: auto;
	inset-inline-end: auto;
	margin: 0;
}

/* nuolaidos žymė ant nuotraukos — kaip .ep-badge */
/* Pozicijos nebenurodom — žymė dabar sėdi bendroje .ep-badges eilutėje */
ul.products li.product .onsale {
	position: static;
	width: auto;
	min-width: 0;
	min-height: 0;
	padding: 0.32em 0.85em;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.6rem;
	font-weight: 400;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	line-height: 1.5;
	background: var(--wp--preset--color--olive);
	color: var(--wp--preset--color--paper);
	z-index: 2;
}