/* ==========================================================================
   meilessaudezute.lt — Checkout (/apmokejimas/) modernizavimas
   Elementor Pro "Checkout" widget + WooCommerce + Paysera + MultiParcels
   Vieta: wp-content/mu-plugins/checkout-modern.css — įkeliamas tik
   checkout puslapyje per mu-plugins/checkout-modern.php
   ========================================================================== */

:root {
	--brand-900: #3A0F1A;
	--brand-700: #70172F;
	--brand-500: #A3476A;
	--brand-300: #DD8EA5;
	--brand-100: #FBE8ED;
	--brand-50:  #FDF7F8;
	--ink:   #2B1A1F;
	--muted: #7A6A6F;
	--line:  #EADFE2;
	--bg:    #FFFBFA;
	--success: #3C8D6B;
	--error:   #C0392B;

	--radius-lg: 16px;
	--radius: 14px;
	--radius-sm: 12px;
	--radius-pill: 999px;
	--shadow-card: 0 1px 3px rgba(58, 15, 26, .06);
	--shadow-hover: 0 4px 14px rgba(58, 15, 26, .10);
	--field-h: 48px;
	--btn-h: 52px;
	--touch-min: 44px;

	--font-head: 'Bellota', serif;
	--font-body: 'Poppins', sans-serif;

	--sticky-header-h: 64px; /* overwritten at runtime by checkout.js on mobile */
}

/* ==========================================================================
   0. Reset dubliuotų / pasenusių taisyklių
   Šis failas yra VIENINTELIS checkout stilių šaltinis. Senos checkout
   taisyklės iš Additional CSS ir code-snippet #9 pašalintos — nebeliko
   dviejų skirtingų #select2-mp-wc-pickup-point-... versijų (20px / 14px)
   ar font-size:0 „hack'ų".
   ========================================================================== */

body.woocommerce-checkout {
	background: var(--bg);
}

body.woocommerce-checkout,
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout button {
	font-family: var(--font-body);
	color: var(--ink);
}

body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout .checkout-step-heading {
	font-family: var(--font-head);
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-checkout *,
	body.woocommerce-checkout *::before,
	body.woocommerce-checkout *::after {
		animation-duration: .001ms !important;
		transition-duration: .001ms !important;
	}
}

/* ==========================================================================
   1. Tipografijos skalė
   ========================================================================== */

body.woocommerce-checkout .elementor-element-4bb10339 ~ * h1.entry-title,
body.woocommerce-checkout h1 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	color: var(--brand-900);
	text-transform: none; /* kit numato uppercase antraštėms sitewide — čia netinka checkout kontekste */
	letter-spacing: 0;
}

/* !important čia būtinas: Elementor Checkout widget Style tab generuoja
   .elementor-2099 .elementor-element.elementor-element-0ee34a3 h3... su
   font-family:Helvetica !!, kuris turi daugiau klasių nei šis selektorius
   ir laimėtų be !important (žr. rekomendacijas dėl Style tab). */
body.woocommerce-checkout h3,
body.woocommerce-checkout .checkout-step-heading,
body.woocommerce-checkout #order_review_heading {
	font-family: var(--font-head) !important;
	font-size: 20px !important;
	line-height: 28px;
	font-weight: 700;
	color: var(--brand-900);
	letter-spacing: 0 !important;
	text-transform: none !important;
	margin: 0 0 16px;
}

body.woocommerce-checkout,
body.woocommerce-checkout p,
body.woocommerce-checkout label,
body.woocommerce-checkout .woocommerce-input-wrapper input,
body.woocommerce-checkout .woocommerce-input-wrapper select,
body.woocommerce-checkout .woocommerce-input-wrapper textarea {
	font-size: 15px;
	line-height: 24px;
}

body.woocommerce-checkout small,
body.woocommerce-checkout .checkout-aux-text,
body.woocommerce-checkout .woocommerce-shipping-totals,
body.woocommerce-checkout .mp-selected-pickup-point-info {
	font-size: 13px;
	line-height: 20px;
	color: var(--muted);
}

/* ==========================================================================
   2. Išdėstymas — desktop ≥1001px: 58% / 42%
   ========================================================================== */

.e-checkout__container {
	display: grid !important;
	grid-template-columns: 58% 1fr;
	gap: 32px;
	align-items: start;
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 8px;
}

.e-checkout__column.e-checkout__column-start,
.e-checkout__column.e-checkout__column-end {
	width: auto;
	max-width: none;
	min-width: 0; /* apsaugo nuo "nukirstos" kortelės grid'e */
	align-self: stretch; /* be šito dešinė kolonėlė susitraukia iki savo turinio
	                         aukščio ir sticky nebeturi kur "lipti" slenkant */
}

.e-checkout__column-inner.e-sticky-right-column {
	position: sticky;
	top: calc(var(--sticky-header-h) + 16px);
}

@media (max-width: 1000px) {
	.e-checkout__container {
		grid-template-columns: 1fr;
	}
	.e-checkout__column-inner.e-sticky-right-column {
		position: static;
	}
}

/* ==========================================================================
   3. Kortelės — viena pagrindinė kortelė kiekvienai žingsnio grupei
   ========================================================================== */

/* !important ties keturioms savybėms būtinas: Elementor Checkout widget
   Style tab (.elementor-2099 .elementor-element.elementor-element-0ee34a3
   .e-checkout__order_review, .e-coupon-box, #payment, #customer_details
   .col-1 ir pan.) uždeda box-shadow:0 0 10px rgba(0,0,0,.11) bei
   border-radius per --sections-border-radius su daugiau klasių — be
   !important senas šešėlis/apvalinimas liktų po naujuoju. */
#customer_details,
.e-checkout__order_review-2,
.e-checkout__order_review,
.e-coupon-box {
	background: #FFFFFF !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-card) !important;
	padding: 24px;
	margin-bottom: 20px;
}

/* Neutralizuoja senas "dėžė dėžėje" korteles ELEMENTŲ VIDUJE: widget bazinis
   CSS (custom-pro-widget-woocommerce-checkout-page.min.css) uždeda SAVO
   border/background/border-radius/box-shadow #customer_details .col-1,
   .woocommerce-additional-fields ir #payment elementams atskirai nuo mūsų
   išorinės kortelės — be šito liktų antra, nereikalinga kortelė viduje.
   Vidinis tarpas (padding) valdomas atskirai žemiau, su savo !important. */
#customer_details .col-1,
.woocommerce-additional-fields,
#payment {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.e-checkout__order_review {
	margin-bottom: 12px;
}
/* !important: widget ≤420px ekranuose --sections-padding sumažina iki 5px */
.e-coupon-box {
	padding: 14px 20px !important;
	margin: 0 0 20px !important;
}

/* WooCommerce klaidų atveju slenka prie pranešimų — kad jų neuždengtų
   sticky antraštė. */
html:has(body.woocommerce-checkout) {
	scroll-padding-top: calc(var(--sticky-header-h) + 12px);
}

/* Nuorodos (privatumo/pristatymo politika, nuolaidos kodas) — tuo pačiu
   tekstiniu šriftu, ne dekoratyviu Bellota. */
body.woocommerce-checkout .woocommerce-privacy-policy-text a,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .e-coupon-box .e-show-coupon-form {
	font-family: var(--font-body) !important;
	font-size: inherit !important;
	color: var(--brand-700) !important;
}
body.woocommerce-checkout .e-coupon-box .e-woocommerce-coupon-nudge,
body.woocommerce-checkout .e-coupon-box .e-show-coupon-form {
	font-size: 14px !important;
	font-weight: 600;
}

#customer_details { padding: 0 !important; overflow: hidden; }
#customer_details .col-1 { padding: 24px 24px 0 !important; }
#customer_details .col-2 { padding: 0 24px 8px !important; }
#customer_details .col-2:empty,
#customer_details .col-2 .woocommerce-additional-fields h3:empty,
#customer_details .col-2 .woocommerce-shipping-fields:empty {
	display: none;
}
/* Widget prideda vidinį padding (--sections-padding: 20px) šiems blokams —
   dėl to „Pastabos" ir mokėjimo dalis buvo pastumti 20px į dešinę. */
.woocommerce-additional-fields,
#payment {
	padding: 0 !important;
}

/* Žingsnių numeriai prieš sekcijų pavadinimus */
#customer_details .woocommerce-billing-fields h3::before {
	content: "1";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--brand-700);
	color: #fff;
	font-size: 13px;
	font-family: var(--font-body);
	font-weight: 700;
	vertical-align: middle;
}

.checkout-step-heading::before {
	content: "2";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--brand-700);
	color: #fff;
	font-size: 13px;
	font-family: var(--font-body);
	font-weight: 700;
	vertical-align: middle;
}

/* ==========================================================================
   4. Formos laukai — matomos etiketės, 1px riba, focus/klaidos būsenos
   ========================================================================== */

body.woocommerce-checkout .form-row {
	margin: 0 0 16px;
}

body.woocommerce-checkout .woocommerce-input-wrapper {
	display: block;
	position: relative;
}

/* !important spalvai: widget bazinis CSS uždeda #customer_details
   .form-row label { color:var(--forms-labels-color,#69727d) } su ID —
   be !important etiketės liktų pilkos, ne --brand-900. */
body.woocommerce-checkout label:not(.screen-reader-text) {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand-900) !important;
}

/* Etiketės, kurios WooCommerce/CFE paslepia kaip screen-reader-text,
   paverčiame matomomis — reikalauja matomos etiketės visada virš lauko. */
body.woocommerce-checkout .form-row label.screen-reader-text {
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	word-wrap: normal !important;
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand-900) !important;
}

body.woocommerce-checkout label .required,
body.woocommerce-checkout label .optional {
	color: var(--muted);
	font-weight: 400;
}
body.woocommerce-checkout label .required {
	color: var(--brand-700);
}

/* !important: Elementor widget Style tab taiko
   #customer_details .form-row .input-text (su ID #customer_details)
   background:#f9fafa; border:none; — tai turi ID, todėl laimėtų prieš
   šį klasių selektorių nepaisant failo įkėlimo tvarkos. */
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-selection--single {
	width: 100%;
	min-height: var(--field-h) !important;
	padding: 0 16px !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--radius-sm) !important;
	background: #FFFFFF !important;
	font-size: 15px;
	transition: border-color .15s ease, box-shadow .15s ease;
}

body.woocommerce-checkout textarea {
	min-height: 88px;
	padding-top: 12px;
}

body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout .select2-container--focus .select2-selection--single {
	outline: none;
	border-color: var(--brand-500) !important;
	box-shadow: 0 0 0 3px rgba(221, 142, 165, .4);
}

body.woocommerce-checkout :focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(221, 142, 165, .4);
}

body.woocommerce-checkout .woocommerce-invalid input.input-text,
body.woocommerce-checkout .woocommerce-invalid select {
	border-color: var(--error);
}
body.woocommerce-checkout .woocommerce-invalid label {
	color: var(--error);
}

/* iOS neprisiartins prie 16px+ šriftų laukuose */
@media (max-width: 767px) {
	body.woocommerce-checkout input.input-text,
	body.woocommerce-checkout select,
	body.woocommerce-checkout textarea {
		font-size: 16px;
	}
}

/* ==========================================================================
   5. Užsakymo suvestinė
   ========================================================================== */

/* Suma prie "Užsakymo informacija" antraštės rodoma tik mobiliajame
   sutrauktos juostos variante (žr. 11 skyrių) */
.checkout-summary-total {
	display: none;
}

#order_review_heading {
	font-size: 20px;
}

#order_review.woocommerce-checkout-review-order,
#order_review .shop_table {
	border: none;
	width: 100%;
}

#order_review .shop_table thead { display: none; }

#order_review .cart_item {
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid var(--line);
}
/* !important padding/max-width: widget bazinis CSS td.product-name riboja
   iki max-width:150px ir prideda padding-inline-end:40px. */
#order_review .cart_item td {
	border: none !important;
	padding: 12px 0 !important;
	display: block;
}
#order_review .cart_item td.product-name {
	flex: 1;
	min-width: 0;
	max-width: none !important;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px !important;
	line-height: 20px;
	color: var(--ink) !important;
}
#order_review .cart_item td.product-total {
	padding-left: 12px !important;
	font-weight: 600;
	font-size: 15px !important;
	color: var(--brand-700) !important;
	white-space: nowrap;
	text-align: right;
}
#order_review .checkout-product-name {
	min-width: 0;
}
#order_review .checkout-product-qty {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: var(--muted);
}

/* Produkto miniatiūra, įterpiama PHP hook'u (56×56, arba elegantiškas
   placeholder, jei nuotraukos nėra) — žr. snippet'ą. */
#order_review .checkout-product-thumb {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--brand-100);
	display: flex;
	align-items: center;
	justify-content: center;
}
#order_review .checkout-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
#order_review .checkout-product-thumb.is-placeholder::before {
	content: "";
	width: 22px;
	height: 22px;
	background: var(--brand-500);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M3 7.5 12 3l9 4.5M3 7.5v9L12 21l9-4.5v-9M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M3 7.5 12 3l9 4.5M3 7.5v9L12 21l9-4.5v-9M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Kiekis rodomas po pavadinimu (.checkout-product-qty), originalus
   „× 1" WooCommerce elementas slepiamas. */
#order_review .product-quantity {
	display: none;
}

/* tbody/tfoot/tr liekame "block", bet pati eilutė (tr) tampa flex
   konteineriu, kad th (pavadinimas) ir td (suma) stovėtų vienoje
   eilutėje vienas priešais kitą — ne kiekvienas atskirai. */
#order_review tbody,
#order_review tfoot {
	display: block;
	width: 100%;
}
/* Linijos dedamos ant visos eilutės (tr), ne ant atskirų th/td —
   kitaip flex eilutėje kiekviena linija būna tik turinio pločio.
   !important ant th/td: widget bazinis CSS jiems uždeda savo
   border-top ir padding per --order-summary-* kintamuosius. */
#order_review tfoot tr {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 4px 12px;
	padding: 12px 0;
	border-top: 1px solid var(--line);
}
#order_review tfoot th,
#order_review tfoot td {
	border: none !important;
	padding: 0 !important;
	background: none !important;
	font-size: 14px;
	font-weight: 500;
	color: var(--ink);
	text-align: left;
}
#order_review tfoot td { text-align: right; }

/* Pristatymo eilutė: pavadinimas viršuje, pristatymo kortelė per visą
   plotį po juo (anksčiau buvo suspausta į ~66px dešinėje). */
/* !important max-width: Elementor widget bazinis CSS turi
   .woocommerce-shipping-totals td { max-width: 70px } — būtent tai
   suspaudė LP Express kortelę ir išstūmė kainą už dėžutės ribų. */
#order_review tfoot .woocommerce-shipping-totals td {
	flex: 1 1 100%;
	max-width: none !important;
	width: 100%;
	text-align: left;
}

#order_review tfoot .order-total {
	border-top: 2px solid var(--brand-100);
	padding-top: 14px;
	padding-bottom: 0;
}
#order_review .order-total th { font-size: 15px !important; font-weight: 600 !important; color: var(--brand-900) !important; }
#order_review .order-total td,
#order_review .order-total td strong { font-size: 22px !important; font-weight: 700 !important; color: var(--brand-700) !important; }

/* ==========================================================================
   6. Nuolaidos kodas — kompaktiška nuoroda + pill laukas
   ========================================================================== */

.e-coupon-box .e-woocommerce-coupon-nudge {
	margin: 0;
}
.e-coupon-box .e-show-coupon-form {
	text-decoration: none;
}
.e-coupon-box .e-show-coupon-form:hover { text-decoration: underline; }

.e-coupon-box .e-coupon-anchor-description {
	display: block;
	margin: 12px 0 8px;
	font-size: 13px;
	color: var(--muted);
}

.e-coupon-box .coupon-container-grid {
	display: flex;
	gap: 8px;
}
.e-coupon-box input#coupon_code {
	flex: 1;
	min-height: var(--touch-min);
	border-radius: var(--radius-pill);
	padding: 0 18px;
	border: 1px solid var(--line);
}
.e-coupon-box .e-apply-coupon {
	min-height: var(--touch-min);
	padding: 0 22px;
	border-radius: var(--radius-pill);
	border: none;
	background: linear-gradient(90deg, var(--brand-300), var(--brand-700));
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease;
}
.e-coupon-box .e-apply-coupon:hover {
	transform: translateY(-1px);
	box-shadow: var(--shadow-hover);
}

/* ==========================================================================
   7. Pristatymas — LP Express kaip radio kortelė + paštomatas (Select2)
   ========================================================================== */

#shipping_method {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* !important: Paysera paysera-delivery-grid.css (įkeliamas puslapio gale,
   PO šio stiliaus, tuo pačiu selektoriumi) uždeda li margin/padding/2px
   rėmelį ir label max-width:250px; overflow:hidden; text-overflow:ellipsis —
   dėl to LP Express kortelė buvo suspausta ir kaina nukirsta. */
#shipping_method li {
	position: relative;
	margin: 0 0 8px !important;
	padding: 0 !important;
	border: none !important;
	list-style: none;
}
#shipping_method li:last-child {
	margin-bottom: 0 !important;
}
/* !important font-family/font-size: widget Style tab taiko
   .wc_payment_method label, #shipping_method li label { font-family:
   Helvetica; font-size:16px } su 3 papildomomis klasėmis — ID lygis
   sutampa (abu turi #shipping_method), bet jų daugiau klasių laimi. */
#shipping_method li label {
	display: flex !important;
	align-items: center;
	gap: 12px;
	min-height: 64px;
	max-width: none !important;
	overflow: visible !important;
	white-space: normal;
	padding: 10px 16px !important;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	cursor: pointer;
	font-weight: 500;
	font-family: var(--font-body) !important;
	font-size: 15px !important;
	color: var(--ink) !important;
	text-align: left;
	transition: border-color .15s ease, background-color .15s ease;
}
/* Vienintelis pristatymo būdas: WooCommerce tada naudoja input type=hidden
   (be radio) — rodome jį kaip jau pasirinktą. */
#shipping_method li input[type="hidden"] + label {
	border-color: var(--brand-500);
	background: var(--brand-50);
	cursor: default;
}
#shipping_method li input.shipping_method {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
#shipping_method li label:has(+ input:checked),
#shipping_method li input.shipping_method:checked ~ label,
#shipping_method li input.shipping_method:checked + label {
	border-color: var(--brand-500);
	background: var(--brand-50);
}
#shipping_method .multiparcels-carrier-icon-image-holder {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}
#shipping_method .multiparcels-carrier-icon-image-holder img,
#shipping_method img.multiparcels_carrier_icon {
	max-height: 24px !important;
	width: auto !important;
	max-width: 90px !important;
	object-fit: contain;
}
#shipping_method label .woocommerce-Price-amount {
	margin-left: auto;
	font-weight: 700;
	color: var(--brand-700);
}

/* !important: Elementor Checkout widget Style tab'e liko sena
   "Order Summary → Messages" nuostata font-size:1px (žr. _elementor_data,
   sections_messages_typography_font_size). Jos selektorius
   (.woocommerce-checkout #payment .payment_box, .woocommerce-privacy-policy-text p,
   .e-checkout-message) turi daugiau klasių ir laimėtų be !important — tekstas
   po mygtuku (privatumo politika) ir mokėjimo aprašymai liktų praktiškai
   nematomi (1px). Rekomendacija dėl Style tab — žr. atsakyme. */
#payment .payment_box,
.woocommerce-privacy-policy-text p,
.e-checkout-message {
	font-size: 13px !important;
	line-height: 20px !important;
}

/* Paštomato / terminalo pasirinkimas (Select2) — ta pati stilistika kaip
   formos laukai. Pastaba: Select2 išskleidžiamas sąrašas (.select2-dropdown)
   yra pridedamas prie <body>, todėl stilius jam rašomas be
   .e-checkout__container apribojimo. */
#mp-wc-pickup-point-shipping,
.paysera-delivery-terminal {
	margin: 12px 0 20px;
}
/* Paštomato laukas: tekstas vertikaliai centre, be dvigubo kairio tarpo
   (padding'ą valdo vidinis .select2-selection__rendered). !important —
   Paysera select2.min.css kopija įkeliama vėliau. */
body.woocommerce-checkout .select2-container--default .select2-selection--single {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	flex: 1 1 auto;
}
/* MultiParcels JS savo „Atsiėmimo vieta" etiketę slepia inline stiliumi,
   todėl laukas likdavo be etiketės. Rodome pastovią etiketę per CSS,
   o originalią slepiame, kad nesidubliuotų. */
#mp-wc-pickup-point-shipping .mp-please-select-location {
	display: none !important;
}
#mp-wc-pickup-point-shipping > .form-row:first-child::before {
	content: "Atsiėmimo vieta (paštomatas)";
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand-900);
}
#mp-wc-pickup-point-shipping .form-row {
	margin-bottom: 0;
}

/* !important aukščiui: widget bazinis CSS turi 1 papildomą klasę
   (.elementor-widget-woocommerce-checkout-page) ir laimėtų su height:45px. */
.select2-container--default .select2-selection--single {
	height: var(--field-h) !important;
	display: flex;
	align-items: center;
}
/* !important white-space/display: Paysera puslapio gale įkelia savo
   select2.min.css kopiją su white-space:nowrap — ilgas paštomato
   placeholder tekstas tapdavo vientisa eilute ir mobiliajame ištempdavo
   visą stulpelį už ekrano ribų. */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 32px 0 16px !important;
	line-height: 1.4 !important;
	font-size: 14px;
	white-space: normal !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-width: 0;
}
#mp-wc-pickup-point-shipping .select2-container {
	width: 100% !important;
	max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: var(--field-h) !important;
	right: 10px;
}
.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--brand-500) !important;
	box-shadow: 0 0 0 3px rgba(221, 142, 165, .4);
}
.select2-dropdown {
	border-color: var(--line);
	border-radius: var(--radius-sm);
	overflow: hidden;
	box-shadow: var(--shadow-hover);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--brand-100);
	color: var(--ink);
}

.mp-selected-pickup-point-info {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin-top: 8px;
	padding-left: 2px;
}
/* Kol paštomatas nepasirinktas, blokas tuščias — be šito liktų vienišas
   žemėlapio taškas. */
.mp-selected-pickup-point-info:empty {
	display: none;
}
.mp-selected-pickup-point-info::before {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin-top: 3px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
	color: var(--muted);
}

/* ==========================================================================
   8. Mokėjimo būdai — Paysera bankų/piniginių tinklelis
   2 stulpelių CSS Grid (desktop ir mobile) — nelyginis paskutinis
   elementas NEBE tempiasi per visą plotį (grid, ne flex).
   ========================================================================== */

#payment .payment_method_paysera .payment_box {
	background: transparent;
	border: none;
	padding: 16px 0 0;
	box-shadow: none;
}

/* Paslėptas: parduotuvė pristato tik Lietuvoje, 35 šalių sąrašas čia
   nenaudojamas (buvo display:none originaliame CSS — išlaikoma). */
#paysera_country {
	display: none !important;
}

div.payment-group-title {
	grid-column: 1 / -1;
	color: var(--brand-700);
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 14px 0 8px;
}
div.payment-group-title:first-child { margin-top: 0; }

/* Paysera kiekvienai šaliai (35 šalys) išveda atskirą bankų sąrašą ir
   nepasirinktas slepia inline style="display:none". Todėl čia NEGALIMA
   keisti paties .paysera-payments.grid display (su !important būtų
   parodyti visų šalių bankai). Tinklelis dedamas ant vidinio
   .payment-group-wrapper, kuriame yra pačios kortelės. */
div.paysera-payments.grid .payment-group-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 16px;
}

div.paysera-payments .paysera-payment-method input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}
div.paysera-payments.grid div.paysera-payment-method:has(input:focus-visible) {
	box-shadow: 0 0 0 3px rgba(221, 142, 165, .4);
}

/* !important border/padding: Paysera paties įskiepio paysera-payment.css
   (užsikrauna </body> gale, PO šio stiliaus) turi TĄ PATĮ selektorių su
   border:2px outset transparent; padding:12px 10px 6px 10px — vienodas
   specifiškumas, bet įkeliamas vėliau, tad be !important laimėtų jis. */
div.paysera-payments.grid div.paysera-payment-method {
	margin: 0;
	flex: none;
	min-height: 64px;
	padding: 0 !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--radius);
	background: #FFFFFF;
	box-shadow: none;
	transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
div.paysera-payments.grid div.paysera-payment-method:hover {
	border-color: var(--brand-300);
	transform: translateY(-1px);
	cursor: pointer;
}
.paysera-payment-method .paysera-payment-active,
div.paysera-payments.grid div.paysera-payment-method:has(input:checked) {
	border: 2px solid var(--brand-500);
	background: var(--brand-50);
	box-shadow: none;
}
div.paysera-payments.grid div.paysera-payment-method:has(input:checked) .paysera-payment-method-label::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--brand-700) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.3 11.3 3 8l1.4-1.4 1.9 1.9L11.6 3 13 4.4z'/%3E%3C/svg%3E") center / 9px no-repeat;
}

/* !important display/padding: ta pati priežastis kaip aukščiau — Paysera
   paysera-payment.css turi TĄ PATĮ selektorių su display:block ir
   skiriasi tik tuo, kad įkeliamas vėliau. */
div.paysera-payments.grid .paysera-payment-method-label {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 62px;
	padding: 10px !important;
	border: none;
}

/* Pasikartojantis bankų pavadinimų tekstas slepiamas visur — lieka tik
   logotipas + aria-label prieinamumui. */
div.paysera-payments span.paysera-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

div.paysera-payments.grid div.paysera-image {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
div.paysera-payments.grid div.paysera-image img {
	max-height: 28px;
	max-width: 100%;
	width: auto;
	object-fit: contain;
}

label[for="payment_method_paysera"] {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	color: var(--brand-900);
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
}
label[for="payment_method_paysera"] img {
	max-width: 3rem;
	max-height: 28px;
	object-fit: contain;
	vertical-align: middle;
}
input#payment_method_paysera:checked ~ label[for="payment_method_paysera"] {
	border-color: var(--brand-500);
	background: var(--brand-50);
}

/* WooCommerce woocommerce.css: .woocommerce-checkout #payment (pilkas fonas),
   #payment ul.payment_methods (padding + apatinė linija) ir
   #payment div.payment_box (violetinis fonas + rodyklė ::before) turi
   didesnį specifiškumą nei mūsų taisyklės — todėl !important. */
#payment ul.payment_methods {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	list-style: none;
}
#payment ul.payment_methods li.wc_payment_method {
	margin: 0;
	padding: 0;
}
#payment div.payment_box {
	background: transparent !important;
	margin: 0 !important;
	padding: 16px 0 0 !important;
	color: var(--ink) !important;
}
#payment div.payment_box::before {
	display: none !important;
}
/* Vienintelis mokėjimo būdas (Paysera) — radio nereikalingas */
#payment .wc_payment_method:only-child > input.input-radio {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}
/* !important: WooCommerce/Elementor taisyklės laiko šią etiketę inline
   pločio — mobiliajame tekstas ir Paysera logotipas išbyrėdavo. */
#payment ul.payment_methods li.wc_payment_method > label[for="payment_method_paysera"] {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	width: 100% !important;
	margin: 0 !important;
	line-height: 1.4;
}

/* ==========================================================================
   9. „Apmokėti" mygtukas
   ========================================================================== */

/* !important: widget Style tab (purchase_button_* nustatymai) taiko
   #payment #place_order { width: fit-content; padding: 15px 90px;
   background-image: linear-gradient(257deg,#5F1F59,#FD98B0) } su 2 ID —
   stipresnė specifiškumu už bet kokį mūsų selektorių be !important.
   Žr. rekomendacijas: išvalius Style tab mygtuko nustatymus (Purchase
   Button sekcija), šiuos !important bus galima pašalinti. */
#place_order {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100% !important;
	min-height: var(--btn-h) !important;
	padding: 0 24px !important;
	border: none !important;
	border-radius: var(--radius-pill) !important;
	background: linear-gradient(90deg, var(--brand-300), var(--brand-700)) !important;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .2px;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease;
	box-shadow: 0 4px 14px rgba(112, 23, 47, .25);
}
#place_order::before {
	content: "";
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 1 0-10 0v2H5v13h14V9zM9 7a3 3 0 1 1 6 0v2H9zm3 7a1.8 1.8 0 0 1 1 3.3V19h-2v-1.7A1.8 1.8 0 0 1 12 14z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 1 0-10 0v2H5v13h14V9zM9 7a3 3 0 1 1 6 0v2H9zm3 7a1.8 1.8 0 0 1 1 3.3V19h-2v-1.7A1.8 1.8 0 0 1 12 14z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#place_order:hover {
	background-color: transparent !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(112, 23, 47, .3);
}
#place_order:focus-visible {
	box-shadow: 0 0 0 3px rgba(221, 142, 165, .4);
}

/* ==========================================================================
   10. Pasitikėjimo blokas
   ========================================================================== */

.checkout-trust-badges {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--line);
}
.checkout-trust-badges .badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: var(--muted);
}
.checkout-trust-badges .badge svg {
	width: 22px;
	height: 22px;
	color: var(--brand-500);
}

@media (max-width: 480px) {
	.checkout-trust-badges {
		grid-template-columns: 1fr;
		text-align: left;
	}
	.checkout-trust-badges .badge {
		flex-direction: row;
		text-align: left;
	}
}

/* ==========================================================================
   11. Mobilusis (≤767px)
   ========================================================================== */

@media (max-width: 767px) {
	.e-checkout__container {
		display: flex !important;
		flex-direction: column;
		/* Sticky antraštė yra VIRŠUJE, todėl kompensacinis tarpas priklauso
		   top, ne bottom paddingui — priešingai turinys lįsdavo po
		   antrašte. Apatinis tarpas fiksuoto mygtuko aukščiui tvarkomas
		   atskirai per #payment padding-bottom žemiau. */
		/* Elementor sticky antraštė pati rezervuoja savo vietą (spacer),
		   todėl papildomas viršutinis tarpas tik dubliuotų jos aukštį. */
		padding: 0 16px 12px;
		margin: 0;
		max-width: 100%;
		align-items: stretch;
	}
	/* Stulpeliai niekada platesni už ekraną, net jei viduje atsirastų
	   ilgas nelaužomas tekstas (apsauga nuo horizontalaus slinkimo). */
	.e-checkout__column {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	/* .e-checkout__order_review fiziškai perkeliamas į .e-checkout__container
	   pradžią per JS (žr. checkout-functions.php) — čia tik užtikriname,
	   kad jis elgtųsi kaip įprastas flex elementas naujoje vietoje. */
	.e-checkout__order_review {
		width: 100%;
	}
	.checkout-summary-total {
		display: inline !important;
	}

	#customer_details,
	.e-checkout__order_review-2,
	.e-coupon-box {
		border-radius: var(--radius);
		padding: 16px;
	}

	/* Sutraukiama santraukos juosta viršuje */
	.e-checkout__order_review {
		position: static;
		border-radius: var(--radius);
		padding: 0;
		overflow: hidden;
	}
	.e-checkout__order_review #order_review_heading {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 !important;
		padding: 14px 16px;
		gap: 8px;
		font-size: 16px !important;
		text-align: left !important;
		white-space: nowrap;
	}
	.e-checkout__order_review #order_review_heading .checkout-summary-total {
		margin-left: auto;
		margin-right: 0;
		font-weight: 700;
		color: var(--brand-700);
		font-size: 15px;
	}
	.e-checkout__order_review #order_review_heading::after {
		content: "▾";
		font-size: 12px;
		color: var(--brand-700);
		transition: transform .2s ease;
	}
	.e-checkout__order_review.is-collapsed #order_review_heading::after {
		transform: rotate(-90deg);
	}
	.e-checkout__order_review #order_review {
		padding: 0 16px 16px;
	}
	/* Sutraukus rodomas tik PREKIŲ sąrašas (thead/tbody) — tfoot (tarpinė
	   suma, PRISTATYMO BŪDO pasirinkimas, VISO) paliekamas matomas, nes
	   kai pristatymo zonoje yra keli būdai, klientas turi galėti juos
	   pasirinkti net kai santrauka "sutraukta". */
	.e-checkout__order_review.is-collapsed #order_review thead,
	.e-checkout__order_review.is-collapsed #order_review tbody {
		display: none;
	}

	/* Sticky „Apmokėti" apačioje su safe-area padding. Pastaba: šiame
	   markup'e mygtukas NETURI .form-row.place-order aplankalo — jis
	   yra tiesioginis #payment vaikas, tad fiksuojame PATĮ mygtuką,
	   ne jo tėvinį elementą (kuriame liktų sąlygų varnelė/tekstas). */
	/* !important width: bazinė #place_order taisyklė (9 skyrius) turi
	   width:100% !important — be !important čia jis laimėtų PRIEŠ šią
	   mobilią taisyklę (abi turi tą pačią specifiškumą, o !important
	   nepaiso eiliškumo), ir fiksuotas mygtukas (position:fixed, kurio
	   containing block yra viewport) būtų 100% EKRANO pločio + left:16px
	   + right:16px vienu metu — persistumtų 16px už dešinio krašto. */
	#place_order {
		position: fixed;
		left: 16px;
		right: 16px;
		bottom: calc(12px + env(safe-area-inset-bottom));
		z-index: 1000;
		width: auto !important;
		box-shadow: 0 6px 20px rgba(58, 15, 26, .22);
	}
	/* Vieta po mygtuku, kad jis neuždengtų pasitikėjimo blokelio ir
	   formos apačios */
	#payment {
		padding-bottom: calc(var(--btn-h) + 24px + env(safe-area-inset-bottom)) !important;
	}
}