/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   1.1 — Touch target'ai >= 48x48px (WCAG 2.5.5 / Google Mobile-First)
   Sprendimo planas, Etapas 1, punktas 1.1

   SVARBU: Woodmart komponentų CSS (woo-prod-loop-fw-button.css ir kt.)
   įkeliamas VĖLIAU dokumente nei šis inline'intas child stilius, todėl
   vienodo specifiškumo taisyklės pralaimi eilės tvarka. Dėl to mygtukų
   aukščio kintamiesiems naudojam !important — tai taikoma tik custom
   properties, ne išdėstymui.

   Taikoma tik touch įrenginiams — desktop išvaizda nesikeičia.
   ========================================================================== */
@media (pointer: coarse), (max-width: 1024px) {

	/* --- Mygtukų aukštį Woodmart valdo kintamaisiais, ne height --- */
	/* Temos reikšmės: --btn-accented-height 38/42px, .btn-size-small 36px */
	body .wd-product,
	body .wd-product.wd-hover-fw-button,
	body .wd-product .wd-add-btn,
	body .wd-products .wd-product {
		--btn-accented-height: 48px !important;
		--btn-height: 48px !important;
	}

	body .btn-size-small,
	body .btn-size-extra-small {
		--btn-height: 48px !important;
	}

	/* --- Header įrankių ikonos (paieška, krepšelis, paskyra, meniu) — buvo 40x40 --- */
	.whb-main-header .wd-tools-element > a,
	.whb-main-header .wd-tools-element > .wd-tools-inner,
	.wd-header-mobile-nav > a,
	.wd-header-cart > a,
	.wd-header-search > a,
	.wd-header-my-account > a,
	.wd-header-wishlist > a {
		min-width: 48px;
		min-height: 48px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* --- Bendri mygtukai — buvo 36-42px aukščio --- */
	body :is(.btn, .button, button:not(.wd-btn-arrow), input[type="submit"], input[type="button"]),
	body .single_add_to_cart_button,
	body .wd-buy-now-btn,
	body .added_to_cart,
	body a.button.product_type_simple,
	body a.button.add_to_cart_button,
	body a.button.ajax_add_to_cart {
		min-height: 48px !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* --- Slider rodyklės — buvo 44x44 --- */
	.wd-btn-arrow,
	.wd-prev,
	.wd-next {
		min-width: 48px;
		min-height: 48px;
	}

	/* --- Paieškos submit — buvo 46px pločio --- */
	.searchsubmit,
	.search-button,
	form.searchform button[type="submit"] {
		min-width: 48px;
		min-height: 48px;
	}

	/* --- Notice / popup uždarymo nuorodos — buvo 60x25 --- */
	body .wd-notice a.close,
	body .woocommerce-message a.close,
	body a.close,
	body .wd-close-side-widget,
	body .mfp-close {
		min-width: 48px !important;
		min-height: 48px !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* --- WhatsApp / chat widget (qlwapp plugin) — buvo 72x40 --- */
	body .qlwapp__button,
	body .qlwapp-toggle .qlwapp__button {
		min-width: 48px !important;
		min-height: 48px !important;
	}

	/* --- Tekstinės nuorodos, veikiančios kaip mygtukai — buvo 118x18 --- */
	.create-account-button,
	.wd-lost-password a,
	.woocommerce-privacy-policy-link,
	.showcoupon {
		display: inline-flex;
		align-items: center;
		min-height: 48px;
	}

	/* --- Kiekio laukelis ir jo mygtukai --- */
	.quantity input.qty,
	.quantity .plus,
	.quantity .minus,
	.wd-quantity .wd-qty-btn {
		min-width: 48px;
		min-height: 48px;
	}

	/* --- Skip-nav nuorodos (accessibility) --- */
	.wd-skip-navigation,
	.wd-skip-content {
		min-height: 48px;
		display: inline-flex;
		align-items: center;
	}

	/* --- Meniu punktai mobiliame --- */
	.wd-nav-mobile > li > a,
	.mobile-nav .wd-nav > li > a {
		min-height: 48px;
		display: flex;
		align-items: center;
	}
}

/* ==========================================================================
   Išdėstymo defektų taisymai
   PASTABA: abu defektai egzistuoja ir produkcijoje — tai NE regresija nuo
   1.1 touch target darbų (tie taikomi tik <=1024px / pointer:coarse).
   ========================================================================== */

/* --- A. Hero sekcija prilipusi prie kraštų ---------------------------------
   Priežastis: hero sekcijai (.elementor-element-1f7e021) Elementor'e
   nenustatytas horizontalus padding (0px), o visoms kitoms sekcijoms — 0 15px.
   Dėl to tekstas prasidėdavo ties x=0.
   Fonas lieka per visą plotį (jis ant tėvinio .e-con), padingas dedamas
   turiniui — tai standartinis Elementor pattern'as.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {

	/* Apsauga: jei kuri nors pirmo lygio sekcija liktų be paraščių,
	   ji gaus bent tokią pat kaip visos kitos (15px). */
	.e-con.e-parent > .e-con-inner {
		padding-inline: max(15px, var(--wd-section-gutter, 0px));
	}

	/* Hero — platesnė paraštė nei bendra 15px, nes tai pilno pločio juosta su
	   fonu ir dideliu tekstu. Selektorius turi būti specifiškesnis už bendrą
	   .e-con.e-parent taisyklę aukščiau (0,3,0), todėl pridedam .e-con. */
	/* Antraštės kolona siaura (~699px), todėl per didelė paraštė nulaužia
	   "trust." į trečią eilutę. 40px – riba, ties kuria dar telpa 2 eilutės. */
	.e-con.elementor-element-1f7e021 > .e-con-inner {
		padding-inline: clamp(20px, 2.5vw, 40px);
	}
}

@media (max-width: 1024px) {
	.elementor-element-1f7e021 > .e-con-inner {
		padding-inline: 20px;
	}
}

/* --- B. Vaziuojanti eilutė (marquee) be tarpų tarp elementų ----------------
   Priežastis: .wd-marquee-content turi gap: 0, todėl "Free Shipping from 200€"
   ir "Shipped within 24hours" su ikonėlėmis lipdavo vienas prie kito.
   Sprendimas: padding-inline ant paties elemento, o ne gap ant konteinerio —
   taip tarpas vienodas ir ties animacijos ciklo siūle (gap paliktų šuolį).
   -------------------------------------------------------------------------- */
.wd-marquee-item {
	padding-inline: 28px;
}

/* Ikonėlės ir teksto tarpas elemento viduje (temos numatytas 10px — paliekam,
   tik užtikrinam, kad ikonėlė nebūtų prispausta prie teksto siauruose ekranuose) */
.wd-marquee-item > img {
	flex-shrink: 0;
	margin-inline-end: 2px;
}

@media (max-width: 767px) {
	.wd-marquee-item {
		padding-inline: 18px;
	}
}

/* ==========================================================================
   3.2 — Soft-conversion CTA produkto puslapyje
   Vizualiai silpnesnis uz "Add to cart", kad nekonkuruotu su pirkimu.
   ========================================================================== */
.ec-ask-expert {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: 12px;
	width: 100%;
	background: transparent;
	border: 1px solid currentColor;
	opacity: .85;
}

.ec-ask-expert:hover {
	opacity: 1;
}

/* B2B sekcija */
.b2b-enquiry-section .ec-b2b-form input[type="text"],
.b2b-enquiry-section .ec-b2b-form input[type="email"],
.b2b-enquiry-section .ec-b2b-form textarea {
	width: 100%;
	min-height: 48px;
}

.b2b-enquiry-section .ec-b2b-form textarea {
	min-height: 120px;
}

.b2b-enquiry-section .ec-b2b-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.b2b-enquiry-section .ec-b2b-form input[type="submit"] {
	min-height: 48px;
	padding-inline: 34px;
}

@media (max-width: 767px) {
	.b2b-enquiry-section .wd-col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ==========================================================================
   3.3 — FAQ sekcija (native <details>, be JS)
   ========================================================================== */
.ec-faq {
	max-width: 860px;
	margin: 0 auto;
}

.ec-faq-item {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ec-faq-q {
	cursor: pointer;
	list-style: none;
	padding: 18px 44px 18px 0;
	position: relative;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.45;
	min-height: 48px;
	display: flex;
	align-items: center;
}

.ec-faq-q::-webkit-details-marker {
	display: none;
}

/* +/- indikatorius */
.ec-faq-q::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 11px;
	height: 11px;
	margin-top: -7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s ease;
	opacity: .6;
}

.ec-faq-item[open] .ec-faq-q::after {
	transform: rotate(-135deg);
	margin-top: -2px;
}

.ec-faq-a {
	padding: 0 44px 20px 0;
	line-height: 1.65;
	opacity: .85;
}

.ec-faq-a p {
	margin: 0;
}

.ec-faq-q:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* ==========================================================================
   3.4 — Produkto trust blokas
   ========================================================================== */
.ec-product-trust {
	list-style: none;
	margin: 22px 0 14px;
	padding: 16px 18px;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 8px;
	background: rgba(0, 120, 209, .035);
}

.ec-product-trust li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 7px 0;
	line-height: 1.5;
	font-size: 14px;
}

.ec-trust-icon {
	flex: 0 0 auto;
	color: #0078d1;
	font-weight: 700;
	line-height: 1.5;
}

.ec-product-disclaimer {
	font-size: 12.5px;
	opacity: .7;
	line-height: 1.55;
	margin: 0 0 18px;
}

/* ==========================================================================
   4.1 — Trust / compliance blokas
   ========================================================================== */
.ec-trust-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
	margin-bottom: 40px;
}

.ec-trust-stat {
	text-align: center;
}

.ec-trust-stat strong {
	display: block;
	font-size: 40px;
	line-height: 1.1;
	color: #0078d1;
}

.ec-trust-stat span {
	font-size: 14px;
	opacity: .75;
}

.ec-trust-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 22px;
}

.ec-trust-card {
	padding: 24px;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 10px;
	background: #fff;
}

.ec-trust-card h3 {
	font-size: 17px;
	margin: 0 0 10px;
	line-height: 1.35;
}

.ec-trust-card p {
	margin: 0 0 12px;
	line-height: 1.6;
	opacity: .82;
	font-size: 14.5px;
}

.ec-trust-card a {
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}


/* ==========================================================================
   Hero antraste — garantuotai dvi eilutes (perskaiciuota pagal MATAVIMUS)
   Ismatuota: "Research peptides you can trust." reikia ~15,94px plocio
   kiekvienam srifto pikseliui (prie 58px = ~924px).
   Teksto kolona = 60% lango minus 40px parastes.
   Patikrinta realiu renderinimu ties 1920/1440/1280/1100/1025/900/375.
   Elementor CSS generuojamas veliau dokumente -> reikia !important.
   ========================================================================== */
@media (min-width: 1025px) {

	.elementor-element-cc2caba .woodmart-title-container,
	.elementor-element-cc2caba h1.woodmart-title-container {
		font-size: clamp(30px, 3.4vw, 58px) !important;
		max-width: 960px;
	}
}

/* Planseteje kolona 71,3% — atitinkamai mazesnis sriftas */
@media (min-width: 768px) and (max-width: 1024px) {

	.elementor-element-cc2caba .woodmart-title-container,
	.elementor-element-cc2caba h1.woodmart-title-container {
		font-size: clamp(26px, 3.9vw, 42px) !important;
	}
}

/* Mobiliame dvi eilutes fiziskai netelpa prie skaitomo dydzio (reiketu ~18px),
   todel taikom dydi, prie kurio antra sakinio eilute telpa i viena eilute
   (3 eilutes vietoj 4). */
@media (max-width: 767px) {

	.elementor-element-cc2caba .woodmart-title-container,
	.elementor-element-cc2caba h1.woodmart-title-container {
		font-size: clamp(22px, 6.9vw, 30px) !important;
		text-wrap: balance;
	}
}

/* ==========================================================================
   Hero + navigacijos CTA
   Hierarchija: pagrindinis (uzpildytas) + antrinis (kontūrinis).
   ========================================================================== */
.ec-hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.ec-hero-cta .btn {
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-inline: 30px;
	font-size: 15px;
}

.ec-hero-cta-secondary {
	background: transparent;
	border: 1px solid currentColor;
}

@media (max-width: 480px) {
	.ec-hero-cta {
		gap: 10px;
	}
	.ec-hero-cta .btn {
		flex: 1 1 100%;
	}
}

/* Navigacijos CTA — isskiriam is paprastu meniu punktu */
.ec-nav-cta > a {
	border: 1px solid currentColor;
	border-radius: 6px;
	padding-inline: 16px !important;
	min-height: 40px;
	display: inline-flex !important;
	align-items: center;
}

/* Antrinis hero mygtukas: tema deda balta teksta, o hero fonas sviesus —
   tekstas buvo praktiskai nematomas. Nustatom konkrecias spalvas. */
.ec-hero-cta .ec-hero-cta-secondary,
.ec-hero-cta a.ec-hero-cta-secondary {
	color: #14263a !important;
	background: rgba(255, 255, 255, .55) !important;
	border: 1px solid rgba(20, 38, 58, .35) !important;
	backdrop-filter: blur(2px);
}

.ec-hero-cta .ec-hero-cta-secondary:hover,
.ec-hero-cta a.ec-hero-cta-secondary:hover {
	color: #0078d1 !important;
	background: #fff !important;
	border-color: #0078d1 !important;
}

/* Navigacijos CTA — Woodmart klase atsiduria ant <li>, todel taikom per ji */
.wd-nav li.ec-nav-cta > a,
li.ec-nav-cta > a {
	border: 1px solid rgba(0, 120, 209, .45);
	border-radius: 6px;
	padding-inline: 14px;
}

/* ==========================================================================
   "Ask an Expert" ghost mygtukai - matomas melynas apvedimas
   Problema: tema ghost mygtukams deda balta teksta, o abu fonai (hero ir
   produkto puslapis) yra sviesus - tekstas buvo praktiskai nematomas.
   ========================================================================== */
.ec-ask-expert,
a.ec-ask-expert,
.ec-hero-cta .ec-hero-cta-secondary,
.ec-hero-cta a.ec-hero-cta-secondary {
	color: #0078d1 !important;
	background: transparent !important;
	border: 2px solid #0078d1 !important;
	border-radius: 6px;
	font-weight: 600;
	opacity: 1 !important;
}

.ec-ask-expert:hover,
a.ec-ask-expert:hover,
.ec-hero-cta .ec-hero-cta-secondary:hover,
.ec-hero-cta a.ec-hero-cta-secondary:hover {
	color: #fff !important;
	background: #0078d1 !important;
	border-color: #0078d1 !important;
}

/* Produkto puslapyje CTA dabar renderinamas PO trust bloko */
.ec-ask-expert {
	margin-top: 4px;
	margin-bottom: 22px;
}

/* Trust bloko SVG ikonos (vietoj tekstiniu varneliu) */
.ec-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	color: #0078d1;
}

.ec-trust-icon svg {
	display: block;
	width: 19px;
	height: 19px;
}

/* ==========================================================================
   UI pataisymu paketas
   Tema mygtukus valdo CSS kintamaisiais (--btn-color, --btn-brd-radius,
   --btn-brd-width, --btn-brd-color), todel juos ir perrasom - tiesioginiai
   border/color override'ai pralaimedavo temos kintamuju grandinei.
   ========================================================================== */

/* --- 1. "Ask an Expert" ghost mygtukai: melynas apvedimas + melynas tekstas
       Apvalinimas 35px - toks pat kaip Add To Cart / Buy Now.
       Hover: uzsipildo melynai, kaip pagrindinis mygtukas. ------------------ */
.ec-ask-expert,
.ec-hero-cta .ec-hero-cta-secondary {
	--btn-color: #0078d1;
	--btn-bgcolor: transparent;
	--btn-brd-width: 2px;
	--btn-brd-color: #0078d1;
	--btn-brd-radius: 35px;
	--btn-accented-color: #0078d1;
	--btn-accented-bgcolor: transparent;

	color: #0078d1 !important;
	background-color: transparent !important;
	border: 2px solid #0078d1 !important;
	border-radius: 35px !important;
	font-weight: 600;
	opacity: 1 !important;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.ec-ask-expert:hover,
.ec-ask-expert:focus-visible,
.ec-hero-cta .ec-hero-cta-secondary:hover,
.ec-hero-cta .ec-hero-cta-secondary:focus-visible {
	--btn-color: #fff;
	--btn-bgcolor: #0078d1;
	color: #fff !important;
	background-color: #0078d1 !important;
	border-color: #0078d1 !important;
}

/* --- 2. Hero pagrindinis mygtukas: toks pat apvalinimas kaip Add To Cart --- */
.ec-hero-cta .ec-hero-cta-primary {
	--btn-brd-radius: 35px;
	border-radius: 35px !important;
	font-weight: 600;
}

.ec-hero-cta .btn {
	min-height: 50px;
	padding-inline: 32px;
}

/* --- 3. Hero aukstis: buvo per didelis, mazinam vertikalu tarpa ----------- */
@media (min-width: 1025px) {
	.e-con.elementor-element-1f7e021 > .e-con-inner {
		padding-block: 56px;
	}
	.elementor-element-1f7e021 {
		min-height: 0;
	}
}

@media (max-width: 1024px) {
	.e-con.elementor-element-1f7e021 > .e-con-inner {
		padding-block: 40px;
	}
}

/* --- 4. Sklandus slinkimas i #b2b-enquiry ir kitus inkarus ----------------
       scroll-margin-top palieka vietos lipniam header'iui, kad sekcijos
       virsus nedingtu po juo. Gerbiam prefers-reduced-motion. ------------- */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

#b2b-enquiry,
#faq,
#why-elitechem {
	scroll-margin-top: 110px;
}

/* ==========================================================================
   B2B formos sekcija: paveikslas kaireje, forma desineje
   ========================================================================== */
.b2b-enquiry-section .ec-b2b-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 14px;
}

.b2b-enquiry-section .ec-b2b-media {
	height: 100%;
	min-height: 380px;
	border-radius: 14px;
	overflow: hidden;
}

/* --- Formos laukai: buvo "piluliu" formos (--wd-form-brd-radius: 35px),
       kas ilgiems laukams atrodo netvarkingai. Darom saikingus. ---------- */
.ec-b2b-form .wpcf7-form-control-wrap input[type="text"],
.ec-b2b-form .wpcf7-form-control-wrap input[type="email"],
.ec-b2b-form .wpcf7-form-control-wrap textarea,
.ec-b2b-form input[type="text"],
.ec-b2b-form input[type="email"],
.ec-b2b-form textarea {
	width: 100%;
	min-height: 50px;
	padding: 13px 16px;
	border: 1px solid #d6dee7 !important;
	border-radius: 10px !important;
	background: #fff;
	font-size: 15px;
	line-height: 1.4;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.ec-b2b-form textarea {
	min-height: 130px;
	resize: vertical;
}

.ec-b2b-form input[type="text"]:focus,
.ec-b2b-form input[type="email"]:focus,
.ec-b2b-form textarea:focus {
	border-color: #0078d1 !important;
	box-shadow: 0 0 0 3px rgba(0, 120, 209, .13);
	outline: none;
}

.ec-b2b-form input::placeholder,
.ec-b2b-form textarea::placeholder {
	color: #8b98a6;
}

.ec-b2b-form p {
	margin: 0 0 14px;
}

/* --- Sutikimo varnele --- */
.ec-b2b-form .wpcf7-acceptance {
	display: block;
}

.ec-b2b-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.ec-b2b-form .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.5;
	color: #5b6773;
	cursor: pointer;
}

.ec-b2b-form .wpcf7-acceptance input[type="checkbox"] {
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin-top: 1px;
	accent-color: #0078d1;
	cursor: pointer;
}

/* --- Siuntimo mygtukas --- */
.ec-b2b-form input[type="submit"] {
	min-height: 52px;
	padding-inline: 40px;
	border-radius: 35px !important;
	background: #0078d1 !important;
	color: #fff !important;
	font-weight: 600;
	font-size: 15px;
	border: 0 !important;
	opacity: 1 !important;
	cursor: pointer;
	transition: background-color .18s ease;
}

.ec-b2b-form input[type="submit"]:hover {
	background: #0063ad !important;
}

/* --- CF7 pranesimai --- */
.ec-b2b-form .wpcf7-response-output {
	margin: 16px 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 10px !important;
	font-size: 14px;
}

.ec-b2b-form .wpcf7-not-valid-tip {
	font-size: 12.5px;
	margin-top: 5px;
}

@media (max-width: 767px) {
	.b2b-enquiry-section .ec-b2b-media {
		min-height: 220px;
	}
}

/* B2B formos smulkus pataisymai po vizualios patikros */

/* Textarea buvo susitraukusi - tema nustato auksti didesniu specifiskumu */
.b2b-enquiry-section .ec-b2b-form textarea,
.b2b-enquiry-section .ec-b2b-form .wpcf7-textarea,
.ec-b2b-form textarea.wpcf7-form-control {
	min-height: 130px !important;
	height: 130px;
	resize: vertical;
}

/* Paveikslas turi uzpildyti visa stulpelio auksti */
.b2b-enquiry-section .ec-b2b-media > .e-con-inner,
.b2b-enquiry-section .ec-b2b-media .elementor-widget-image,
.b2b-enquiry-section .ec-b2b-media .elementor-widget-container,
.b2b-enquiry-section .ec-b2b-media figure,
.b2b-enquiry-section .ec-b2b-media .wd-image {
	height: 100%;
	margin: 0;
}

.b2b-enquiry-section .ec-b2b-media img {
	height: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Vienodas tarpas tarp lauku */
.ec-b2b-form .wd-grid-g {
	margin-bottom: 0;
}

/* ==========================================================================
   B2B paveikslo stulpelis
   PASTABA: Elementor'e "CSS Classes" laukas yra _css_classes, ne css_classes -
   todel anksciau naudota .ec-b2b-media klase i DOM nepateko. Taikom i
   elemento ID klase (.elementor-element-b2bcolL), kuri kontroliuojam patys.
   ========================================================================== */
#b2b-enquiry > .e-con-inner {
	align-items: stretch;
}

.elementor-element-b2bcolL {
	align-self: stretch;
}

.elementor-element-b2bcolL,
.elementor-element-b2bcolL > .elementor-element-b2bimg,
.elementor-element-b2bcolL .elementor-widget-container,
.elementor-element-b2bcolL figure,
.elementor-element-b2bcolL .wd-image {
	height: 100%;
	margin: 0;
}

.elementor-element-b2bcolL img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 380px;
	object-fit: cover;
	object-position: center;
	border-radius: 14px;
}

@media (max-width: 1024px) {
	.elementor-element-b2bcolL img {
		min-height: 260px;
		max-height: 340px;
	}
}

/* ==========================================================================
   B2B formos tinklelis - visi tarpai vienoje vietoje
   Anksciau tarpai buvo netolygus, nes susidedavo is temos grid gap,
   CF7 <p> parasciu ir wpautop iterptu elementu.
   ========================================================================== */
.ec-b2b-form .ec-f-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin: 0 0 16px;
}

.ec-b2b-form .ec-f-2 {
	grid-template-columns: 1fr 1fr;
}

/* Nunulinam visas paveldėtas parastes formos viduje */
.ec-b2b-form p,
.ec-b2b-form br {
	margin: 0;
}

.ec-b2b-form p:empty,
.ec-b2b-form br {
	display: none;
}

.ec-b2b-form .ec-f-field,
.ec-b2b-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

/* Sutikimo eilute ir mygtukas - kiek didesnis tarpas pries juos */
.ec-b2b-form .ec-f-accept {
	margin-top: 4px;
	margin-bottom: 20px;
}

.ec-b2b-form .ec-f-submit {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.ec-b2b-form .ec-f-2 {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Galutiniai pataisymai
   ========================================================================== */

/* --- 1. B2B paveikslas: uzpildo stulpelio auksti ------------------------
   Ankstesne klaida: height:100% ant paties stulpelio panaikino
   align-self:stretch veikima (explicit height nugali stretch).
   Stulpelis stretch'inasi pats, o height:100% dedam tik zemiau esantiems. */
.elementor-element-b2bcolL {
	align-self: stretch;
	height: auto;
}

.elementor-element-b2bcolL > .elementor-element-b2bimg,
.elementor-element-b2bcolL .elementor-widget-container,
.elementor-element-b2bcolL figure,
.elementor-element-b2bcolL .wd-image {
	height: 100%;
	margin: 0;
}

.elementor-element-b2bcolL img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
}

/* --- 2. Header "Ask an Expert": toks pat kaip kiti ghost CTA ------------
   Buvo 1px sviesus apvedimas ir 6px apvalinimas - nesiderino su
   35px "piliules" stiliumi, naudojamu hero ir produkto puslapyje. */
li.ec-nav-cta > a,
.wd-nav li.ec-nav-cta > a,
.whb-main-header li.ec-nav-cta > a {
	color: #0078d1 !important;
	background: transparent !important;
	border: 2px solid #0078d1 !important;
	border-radius: 35px !important;
	padding: 0 20px !important;
	min-height: 42px;
	display: inline-flex !important;
	align-items: center;
	font-weight: 600;
	transition: background-color .18s ease, color .18s ease;
}

li.ec-nav-cta > a:hover,
.wd-nav li.ec-nav-cta > a:hover,
.whb-main-header li.ec-nav-cta > a:hover {
	color: #fff !important;
	background: #0078d1 !important;
	border-color: #0078d1 !important;
}

/* Woodmart deda pabraukimo animacija meniu punktams - CTA jos nereikia */
li.ec-nav-cta > a::before,
li.ec-nav-cta > a::after {
	display: none !important;
}

/* ==========================================================================
   Trust korteliu ikonos + ryski "Learn more" nuoroda
   ========================================================================== */
.ec-trust-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ec-trust-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 16px;
	border-radius: 12px;
	background: rgba(0, 120, 209, .1);
	color: #0078d1;
}

.ec-trust-card-icon svg {
	width: 24px;
	height: 24px;
	display: block;
}

.ec-trust-card p {
	flex: 1 1 auto;
}

/* "Learn more" buvo blankus - darom ryskiai melyna su rodykle */
.ec-trust-card a.ec-trust-more {
	color: #0078d1 !important;
	font-weight: 600;
	opacity: 1 !important;
	text-decoration: none;
	gap: 6px;
}

.ec-trust-card a.ec-trust-more::after {
	content: "\2192";
	transition: transform .18s ease;
	display: inline-block;
}

.ec-trust-card a.ec-trust-more:hover {
	color: #0063ad !important;
	text-decoration: underline;
}

.ec-trust-card a.ec-trust-more:hover::after {
	transform: translateX(3px);
}

/* ==========================================================================
   B2B sekcija: grid vietoj flex, kad paveikslo stulpelis gautu
   apibrezta auksti (flex align-self:stretch cia nesuveike).
   ========================================================================== */
@media (min-width: 1025px) {
	#b2b-enquiry > .e-con-inner {
		display: grid !important;
		grid-template-columns: 46% 1fr;
		align-items: stretch;
		gap: 44px;
	}

	.elementor-element-b2bcolL,
	.elementor-element-b2bcolR {
		width: auto !important;
		height: 100%;
	}
}

/* ==========================================================================
   Mygtuku galutiniai pataisymai
   ========================================================================== */

/* --- 1. Nuimam bold nuo VISU pridetu mygtuku -------------------------------
   Tema mygtukams naudoja iprasta svori, todel 600 issiskirdavo. */
.ec-ask-expert,
.ec-hero-cta .btn,
.ec-hero-cta .ec-hero-cta-primary,
.ec-hero-cta .ec-hero-cta-secondary,
.ec-b2b-form input[type="submit"],
li.ec-nav-cta > a,
.wd-nav li.ec-nav-cta > a,
.whb-main-header li.ec-nav-cta > a {
	font-weight: 400 !important;
}

/* --- 2. Footer "Ask an Expert": baltas apvadas + baltas tekstas -----------
   Footer fonas melynas, todel melynas ghost mygtukas ten nematomas.
   Meniu punktas tas pats (Header menu Pills), todel perrasom tik footer'yje. */
.wd-footer li.ec-nav-cta > a,
footer li.ec-nav-cta > a,
.footer-container li.ec-nav-cta > a {
	color: #fff !important;
	background: transparent !important;
	border: 2px solid #fff !important;
	border-radius: 35px !important;
	padding: 0 20px !important;
	min-height: 42px;
	display: inline-flex !important;
	align-items: center;
	font-weight: 400 !important;
}

.wd-footer li.ec-nav-cta > a:hover,
footer li.ec-nav-cta > a:hover,
.footer-container li.ec-nav-cta > a:hover {
	color: #0078d1 !important;
	background: #fff !important;
	border-color: #fff !important;
}

/* ==========================================================================
   Sekciju antrasciu suvienodinimas
   Svetaines sekciju antrastes (MOST REQUESTED, About EliteChem, Feedback)
   yra 38px Woodmart stiliaus. Pridetos sekcijos naudojo Elementor heading
   widget'a su 24px - vizualiai atrode kaip paantrastes.
   ========================================================================== */
#why-elitechem .elementor-heading-title,
#faq .elementor-heading-title,
#b2b-enquiry .elementor-heading-title {
	font-size: 38px;
	line-height: 1.25;
	font-weight: 500;
	margin-bottom: 14px;
}

@media (max-width: 1024px) {
	#why-elitechem .elementor-heading-title,
	#faq .elementor-heading-title,
	#b2b-enquiry .elementor-heading-title {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	#why-elitechem .elementor-heading-title,
	#faq .elementor-heading-title,
	#b2b-enquiry .elementor-heading-title {
		font-size: 24px;
	}
}

/* B2B sekcija: apvalinti krastai kaip "About EliteChem" (16px).
   Fonas paliekamas melsvas (#F4F7FB) - patvirtintas. */
#b2b-enquiry {
	border-radius: 16px;
	overflow: hidden;
}

@media (max-width: 767px) {
	#b2b-enquiry {
		border-radius: 12px;
	}
}

/* ==========================================================================
   Pataisymai pagal ui-audit.js radinius
   ========================================================================== */

/* "see COA" nuoroda trust bloke: kontrastas buvo 2.31:1 (reikia 4.5:1) */
.ec-product-trust a {
	color: #0063ad !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ec-product-trust a:hover {
	color: #004b85 !important;
}

/* "Learn more" korteliu nuoroda: buvo 88x44px, reikia 48px auksčio */
.ec-trust-card a.ec-trust-more {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
}

/* ==========================================================================
   Sekciju tarpai ir "About EliteChem" medijos apipavidalinimas
   ========================================================================== */

/* B2B sekcija buvo prilipusi prie kitos (tarpas 0px) */
#b2b-enquiry {
	margin-bottom: 60px;
}

@media (max-width: 767px) {
	#b2b-enquiry {
		margin-bottom: 40px;
	}
}

/* "About EliteChem" medija (video/paveikslas): apvalinti krastai ir
   kvepavimo erdve, kaip B2B sekcijoje */
.elementor-element-00d40a3 .wd-video,
.elementor-element-00d40a3 .elementor-widget-video,
.elementor-element-00d40a3 .elementor-widget-image,
.elementor-element-00d40a3 figure {
	border-radius: 14px;
	overflow: hidden;
}

.elementor-element-00d40a3 img,
.elementor-element-00d40a3 video,
.elementor-element-00d40a3 iframe {
	border-radius: 14px;
	display: block;
	width: 100%;
}

/* Padingas aplink medijos stulpeli, kad neliestu teksto ir krastu */
.elementor-element-00d40a3 > .e-con-inner {
	padding-block: 50px;
	gap: 40px;
}

@media (max-width: 1024px) {
	.elementor-element-00d40a3 > .e-con-inner {
		padding-block: 34px;
		gap: 26px;
	}
}

/* ==========================================================================
   Sekciju vertikalus ritmas
   Ismatuota problema: virs "Why researchers" susidedavo About apatinis
   padding (50px) + temos tarpas (80px) + trust virsutinis padding (60px)
   = 190px tuscios vietos. Tuo tarpu Why -> B2B tarpas buvo 0px,
   o Feedback -> FAQ net -40px (persidengimas).
   ========================================================================== */

/* "Why researchers" - mazinam virsutini padding'a */
#why-elitechem > .e-con-inner {
	padding-top: 16px;
	padding-bottom: 44px;
}

/* B2B - buvo prilipes prie trust sekcijos is virsaus */
#b2b-enquiry {
	margin-top: 24px;
}

/* FAQ - tema deda -40px, del to persidengia su atsiliepimais */
#faq {
	margin-top: 40px;
}

#faq > .e-con-inner {
	padding-top: 24px;
	padding-bottom: 60px;
}

@media (max-width: 1024px) {
	#why-elitechem > .e-con-inner {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#b2b-enquiry {
		margin-top: 16px;
	}

	#faq {
		margin-top: 28px;
	}
}

/* ==========================================================================
   "About EliteChem" pataisymai
   1) Mano ankstesnis padding-block:50px padidino ir taip esanti 80px tarpa
      pries "Why researchers" - mazinam apatini.
   2) Medijos stulpeliui reikia paraštės is desines, kad nesiliestu
      su tekstu ir sekcijos krastu.
   ========================================================================== */
.elementor-element-00d40a3 > .e-con-inner {
	padding-top: 34px;
	padding-bottom: 8px;
}

/* Medijos stulpelio parastes - kaip B2B sekcijoje */
.elementor-element-00d40a3 .elementor-widget-video,
.elementor-element-00d40a3 .elementor-widget-image,
.elementor-element-00d40a3 .wd-video {
	padding-inline: 10px;
}

.elementor-element-00d40a3 img,
.elementor-element-00d40a3 video,
.elementor-element-00d40a3 iframe {
	border-radius: 14px;
}

@media (max-width: 1024px) {
	.elementor-element-00d40a3 > .e-con-inner {
		padding-top: 22px;
		padding-bottom: 6px;
	}

	.elementor-element-00d40a3 .elementor-widget-video,
	.elementor-element-00d40a3 .elementor-widget-image,
	.elementor-element-00d40a3 .wd-video {
		padding-inline: 0;
	}
}

/* ==========================================================================
   "About EliteChem" - simetriskos parastes
   Ismatuota: tekstas prasideda 80px nuo sekcijos krasto, o video baigiasi
   vos 15px nuo desinio. Pridedam 65px, kad abi puses butu po 80px.
   Ankstesnis bandymas per .elementor-widget-video nesuveike - tas widget'as
   neturi tos klases, todel taikom i konkretaus stulpelio ID.
   ========================================================================== */
@media (min-width: 1025px) {
	.elementor-element-00d40a3 .elementor-element-316bb66 {
		padding-right: 65px;
	}
}

/* Apvalinti krastai medijai */
.elementor-element-00d40a3 video,
.elementor-element-00d40a3 img,
.elementor-element-00d40a3 iframe {
	border-radius: 14px;
}

/* ==========================================================================
   Sekciju apvalinimas
   Buvo: About 16px, B2B 16px, trust korteles 10px.
   "Why researchers" sekcija apvalinimo neturi is viso (0px) - ji permatoma,
   apvalinti nera ko; apvalios atrodo tik korteles jos viduje.
   Didinam abieju didziuju sekciju apvalinima iki 24px ir islaikom
   hierarchija: didesnis konteineris - didesnis radius uz korteles.
   ========================================================================== */
.elementor-element-00d40a3,
#b2b-enquiry {
	border-radius: 24px;
	overflow: hidden;
}

/* Vidines korteles - siek tiek didesnis nei buvo, kad derėtų su 24px */
.ec-trust-card {
	border-radius: 14px;
}

@media (max-width: 767px) {
	.elementor-element-00d40a3,
	#b2b-enquiry {
		border-radius: 16px;
	}

	.ec-trust-card {
		border-radius: 12px;
	}
}

/* ==========================================================================
   Produkto trust blokas: kompaktiskesni tarpai
   Buvo: li padding 7px + temos margin-bottom 10px = 24px tarp eiluciu.
   Tampa: 8px. Bendras bloko aukstis sumazeja apie treCdaliu.
   ========================================================================== */
.ec-product-trust {
	padding: 14px 16px;
}

.ec-product-trust li {
	padding: 4px 0;
	margin: 0;
	line-height: 1.45;
}

.ec-product-trust li:first-child {
	padding-top: 0;
}

.ec-product-trust li:last-child {
	padding-bottom: 0;
}

/* ==========================================================================
   FAQ sekcija kategoriju archyve
   Antraste buvo lygiuota i kaire, o pagrindiniame puslapyje FAQ antraste
   centruota - suvienodinam. Dydis toks pat kaip kitu sekciju antrasciu.
   ========================================================================== */
.ec-archive-faq {
	padding-block: 50px 30px;
}

.ec-archive-faq-title {
	text-align: center;
	font-size: 38px;
	line-height: 1.25;
	font-weight: 500;
	margin-bottom: 26px;
}

@media (max-width: 1024px) {
	.ec-archive-faq-title {
		font-size: 28px;
	}

	.ec-archive-faq {
		padding-block: 34px 20px;
	}
}

@media (max-width: 767px) {
	.ec-archive-faq-title {
		font-size: 24px;
	}
}

/* ==========================================================================
   Produkto puslapio virsutine dalis: kompaktiskesni tarpai
   Elementor konteineris (.elementor-element-690423c) naudoja vienoda
   flex gap: 40px tarp VISU elementu. Per flex gap atskiro tarpo nustatyti
   negalima, todel pirmiems dviems elementams dedam neigiama margin-bottom:
     po pavadinimo:  40 - 24 = 16px
     po disclaimer:  40 - 18 = 22px
   Likusieji tarpai nesikeicia.
   ========================================================================== */
.elementor-element-690423c > .elementor-element-ef67dae {
	margin-bottom: -24px;
}

.elementor-element-690423c > .elementor-element-839894e {
	margin-bottom: -18px;
}

/* Produkto virsutines dalies tarpai - Elementor CSS kraunamas veliau
   dokumente, todel be !important taisykle pralaimi eiles tvarka. */
.elementor-element-690423c > .elementor-element-ef67dae {
	margin-bottom: -24px !important;
}

.elementor-element-690423c > .elementor-element-839894e {
	margin-bottom: -18px !important;
}

/* "About EliteChem": apatine parastė tokia pat kaip sonines (80px),
   kad paveikslas nesiliestu su sekcijos krastu. */
.elementor-element-00d40a3 > .e-con-inner {
	padding-bottom: 80px;
}

@media (max-width: 1024px) {
	.elementor-element-00d40a3 > .e-con-inner {
		padding-bottom: 40px;
	}
}

/* Archyvu H1 ("Research peptides", "Laboratory accessories") luzdavo i
   2 eilutes, nes konteineris buvo tik 231px plocio. Pavadinimai trumpi -
   telpa i viena eilute. */
.wd-page-title .wd-title-wrapp,
.wd-page-title .entry-title {
	max-width: none;
	width: auto;
}

.wd-page-title .entry-title {
	white-space: nowrap;
}

@media (max-width: 480px) {
	/* Siauriausiuose ekranuose leidziam lauztis, kad neisliptu uz krasto */
	.wd-page-title .entry-title {
		white-space: normal;
	}
}

/* ==========================================================================
   Archyvu H1 vienoje eiluteje
   H1 yra Elementor archyvo sablone (.elementor-element-6bb4e00 stulpelyje
   .elementor-element-aa078d1), o ne .wd-page-title bloke - todel ankstesnis
   taikymas nepataike. Stulpelis buvo 231px, todel "Research peptides"
   luzdavo i dvi eilutes. Pavadinimai trumpi, telpa i viena.
   ========================================================================== */
.elementor-element-aa078d1,
.elementor-element-6bb4e00 {
	width: auto !important;
	max-width: 100% !important;
	flex: 0 1 auto !important;
}

.elementor-element-6bb4e00 h1.entry-title {
	white-space: nowrap;
}

@media (max-width: 480px) {
	.elementor-element-6bb4e00 h1.entry-title {
		white-space: normal;
	}
}

/* ==========================================================================
   B2B formos laukai - apvalinimas kaip kontaktu puslapyje
   Kontaktuose: input 35px (piliule), textarea 25px.
   Cia buvo 10px. Auksti paliekam 50px (kontaktuose 42px, t.y. zemiau
   48px touch target ribos - nekartojam tos klaidos).
   ========================================================================== */
.b2b-enquiry-section .ec-b2b-form input[type="text"],
.b2b-enquiry-section .ec-b2b-form input[type="email"],
.b2b-enquiry-section .ec-b2b-form input[type="tel"] {
	border-radius: 35px;
	padding-inline: 22px;
}

.b2b-enquiry-section .ec-b2b-form textarea {
	border-radius: 25px;
	padding: 16px 22px;
}

.b2b-enquiry-section .ec-b2b-form input[type="submit"],
.b2b-enquiry-section .ec-b2b-form .wpcf7-submit {
	border-radius: 35px;
}

/* B2B lauku apvalinimas - tema perrasydavo, todel didinam specifiskuma.
   Kontaktuose input 35px / textarea 25px. */
body .b2b-enquiry-section .ec-b2b-form input[type="text"],
body .b2b-enquiry-section .ec-b2b-form input[type="email"],
body #b2b-enquiry .wpcf7 input[type="text"],
body #b2b-enquiry .wpcf7 input[type="email"] {
	border-radius: 35px !important;
	padding-inline: 22px !important;
}

body .b2b-enquiry-section .ec-b2b-form textarea,
body #b2b-enquiry .wpcf7 textarea {
	border-radius: 25px !important;
	padding: 16px 22px !important;
}

body #b2b-enquiry .wpcf7 input[type="submit"] {
	border-radius: 35px !important;
}

/* ==========================================================================
   Hero vertikalus isdestymas
   Buvo: kolonos flex gap 30px, bet CTA blokas turejo dar margin-top:30px,
   todel tarpas H1->subtitras buvo 30px, o subtitras->mygtukai 60px.

   Nuimam ta papildoma 30px ir grazinam TUOS PACIUS 30px kaip kolonos
   vertikalia parastę (15px virsuje + 15px apacioje). Taip:
     - tarpai tampa vienodi (30px)
     - sekcijos aukstis NEPAKINTA (turinys trumpeja 30px, parastė prideda 30px)
     - centravimas islieka (inner turi align-items:center)
   Sprendimas nepriklauso nuo lango plocio - kompensacija visada tiksli.
   ========================================================================== */
.elementor-element-1f7e021 .ec-hero-cta {
	margin-top: 0 !important;
}

.elementor-element-1f7e021 .elementor-element-70cae6e {
	padding-block: 15px;
}

/* ==========================================================================
   1) Produkto aprasymo blokas siauresnis uz visa kita
   Ismatuota 1920px lange:
     header / footer / produkto virsus:  x=255  plotis=1410  desine=1665
     "Technical Specifications" blokas:  x=300  plotis=1320  desine=1620
   T.y. blokas ideta 45px giliau is abieju pusiu. Suvienodinam.
   ========================================================================== */
/* ==========================================================================
   Produkto aprasymo kortele: plotis kaip header / footer

   BANDYTA IR ATMESTA: globalus .e-con / .e-con-inner parasciu keitimas.
   Priezastis - sekcijos yra dvieju skirtingu tipu:
     "boxed"        gyvena .wd-content-area viduje (jau 255..1665)
     pilno plocio   is jos istrunka i visa langa
   Viena bendra taisykle vienam tipui pataiso, kitam sugadina. Homepage
   sekcijos to nereikalauja - jos ir taip vizualiai nuoseklios tarpusavyje.

   Todel taisom TIK ta viena vieta, kuri realiai iskrito is bendro ritmo:
   produkto aprasymo kortele buvo 270..1650, o visa kita 255..1665.
   ========================================================================== */
.elementor-element-4fa8dcf > .e-con-inner {
	padding-inline: 0 !important;
}


.qlwapp__container {
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

/* Pokalbio langelis (jei atsidaro) taip pat i kaire */
.qlwapp__box,
.qlwapp__container .qlwapp__box {
	left: 20px !important;
	right: auto !important;
}


/* ==========================================================================
   MOBILE PATAISYMAI
   Visi ismatuoti 390px lange pries taisant.
   ========================================================================== */

/* --- 1. Hero: fono paveikslas uzlipdavo ant teksto -----------------------
   Buvo background-position: 50% 50% - burbuliuku centras patekdavo tiesiai
   uz teksto. Pastumiam fokusa i desine, kad burbuliukai liktu uz teksto
   ribu, ir pridedam svelnu persviesinima po tekstu skaitomumui.
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {
	.elementor-element-1f7e021 {
		background-position: 88% 50% !important;
	}

	.elementor-element-1f7e021 > .e-con-inner {
		position: relative;
	}

	.elementor-element-1f7e021 > .e-con-inner::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(
			to right,
			rgba(233, 240, 250, .92) 0%,
			rgba(233, 240, 250, .80) 55%,
			rgba(233, 240, 250, 0) 100%
		);
		pointer-events: none;
		z-index: 0;
	}

	.elementor-element-1f7e021 > .e-con-inner > * {
		position: relative;
		z-index: 1;
	}
}

/* --- 2. WhatsApp mygtukas i kaire (ir mobiliame) -------------------------
   Konteineris yra 430px plocio, o mygtukas jo DESINEJE. Desktop'e
   left:0 pakako, bet mobiliame (390px langas) konteineris istrukdavo
   uz krasto (left:-40px) ir mygtukas atsidurdavo desineje, ant checkout.
   Todel fiksuojam pati mygtuka, ne konteineri.
   ------------------------------------------------------------------------ */
.qlwapp__container {
	left: 0 !important;
	right: auto !important;
	width: auto !important;
	max-width: none !important;
}

.qlwapp__button,
.qlwapp-toggle {
	position: fixed !important;
	left: 16px !important;
	right: auto !important;
	bottom: 16px !important;
	margin: 0 !important;
}

.qlwapp__box {
	left: 16px !important;
	right: auto !important;
}

/* --- 3. Archyvo antraste prie krasto, ne per vidury ---------------------- */
@media (max-width: 1024px) {
	.elementor-element-aa078d1,
	.elementor-element-6bb4e00 {
		width: 100% !important;
		margin-inline: 0 !important;
	}

	.elementor-element-6bb4e00 h1.entry-title {
		text-align: left !important;
		white-space: normal;
	}

	.wd-page-title .wd-title-wrapp {
		justify-content: flex-start !important;
		text-align: left !important;
	}
}

/* --- 4. Produkto puslapis ----------------------------------------------- */

/* Legal Disclaimer buvo prilipes prie pavadinimo (tarpas -4px) */
@media (max-width: 1024px) {
	.woocommerce-product-details__short-description,
	.wd-product-short-description {
		margin-top: 18px;
	}
}

/* Kaina: buvo 14px / 600. Padidinam ir sustiprinam. */
.summary .price,
.summary .price .woocommerce-Price-amount,
.elementor-widget-woocommerce-product-price .price,
.wd-product-price .woocommerce-Price-amount,
[class*="product-price"] .woocommerce-Price-amount {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.summary .price,
	.summary .price .woocommerce-Price-amount,
	.elementor-widget-woocommerce-product-price .price,
	.wd-product-price .woocommerce-Price-amount,
	[class*="product-price"] .woocommerce-Price-amount {
		font-size: 26px !important;
	}
}

/* "Add to cart" ir "Buy now" iki desinio krasto.
   Buvo: forma apribota iki 250px, nors konteineris 360px. */
@media (max-width: 1024px) {
	.product form.cart,
	.product form.cart .elementor-widget-container,
	.elementor-widget-woocommerce-product-add-to-cart,
	.elementor-widget-wd-single-product-add-to-cart {
		width: 100% !important;
		max-width: 100% !important;
	}

	.product form.cart .single_add_to_cart_button,
	.product .wd-buy-now-btn {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	.product form.cart {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: stretch;
	}

	.product form.cart .quantity {
		flex: 0 0 auto;
	}
}

/* --- 5. Mini krepselio "View Cart" mygtukas ------------------------------
   KLAIDA, kuria taisom: pirmas variantas naudojo placia taisykle
   a.button.wc-forward:not(.checkout). Krepselio puslapio mygtukas
   "Proceed to Checkout" turi klase .checkout-BUTTON, ne .checkout, todel
   :not() jo neatfiltravo ir jis tapo ghost'u - nors turi buti pagrindinis.

   Tikslios klases (patikrinta gyvai):
     View Cart  ->  button btn btn-default btn-cart wc-forward
     Checkout   ->  button checkout wc-forward
   Todel taikom tik i .btn-cart.
   ------------------------------------------------------------------------ */
.btn-cart.wc-forward,
.cart-widget-side .btn-cart,
.wd-dropdown-cart .btn-cart {
	background-color: transparent !important;
	color: #0078d1 !important;
	border: 2px solid #0078d1 !important;
	box-shadow: none !important;
}

.btn-cart.wc-forward:hover,
.cart-widget-side .btn-cart:hover,
.wd-dropdown-cart .btn-cart:hover {
	background-color: #0078d1 !important;
	color: #fff !important;
}

/* --- Hero danga mobiliame: sustiprinta ------------------------------------
   Pirmas variantas (0.92 -> 0 ties 100%) paliko burbuliukus matomus po
   paantraste, nes ji tesiasi toliau i desine nei antraste. Laikom auksta
   nepermatomuma ilgiau ir uzbaigiam svelniau.
   ------------------------------------------------------------------------ */
@media (max-width: 767px) {
	.elementor-element-1f7e021 > .e-con-inner::before {
		background: linear-gradient(
			to right,
			rgba(233, 240, 250, .96) 0%,
			rgba(233, 240, 250, .93) 60%,
			rgba(233, 240, 250, .72) 88%,
			rgba(233, 240, 250, .35) 100%
		);
	}
}

/* ==========================================================================
   1) Korteliu "Add To Cart": tekstas sedejo virsuje
   MANO REGRESIJA is touch target darbu. Tema centruoja teksta per
   line-height (38px = originalus mygtuko aukstis). Pakelus mygtuka iki
   48px, line-height liko 38px, todel apacioje likdavo 10px tustumos.
   Sprendimas: centruojam flex'u, kad nepriklausytu nuo aukscio.
   ========================================================================== */
/* Korteliu "Add To Cart": tekstas sedejo virs centro (TIK mobiliame).

   Ismatuota: tema centruoja teksta per line-height: var(--btn-accented-height)
   ant .wd-action-text.
     390px:  mygtukas 48px auksto, bet kintamasis 38px -> tekstas virs centro
     1440px: abu 42px -> centruota, problemos nebuvo
   Priezastis mano: touch target darbuose pakeliau mygtuka iki 48px, o
   kintamojo ant mygtuko nepakeiciau.

   Bandyta ir atmesta: kintamojo nustatymas ant .wd-product ir ant mygtuko
   (tema ji perrasa specifiskiau), flex centravimas, height/display keitimas.
   Todel nustatom line-height tiesiogiai, selektoriumi, kuris specifiskesnis
   uz temos (0,4,0) - pridedam body. */
@media (max-width: 1024px) {
	body .wd-product.wd-hover-fw-button .add-to-cart-loop .wd-action-text,
	body .wd-product .add-to-cart-loop .wd-action-text,
	body .wd-product .wd-add-btn > a .wd-action-text {
		line-height: 48px !important;
	}
}




/* ==========================================================================
   2) Produkto kaina: didesnis sriftas
   Ankstesnis bandymas nepataike, nes tarp .price ir sumos yra Tier Pricing
   plugino elementas (.tiered-pricing-dynamic-price), kurio selektorius
   specifiskesnis. Dabar isvardijam visa grandine.
   ========================================================================== */
.elementor-element-8b984a1 p.price,
.elementor-element-8b984a1 .price .tiered-pricing-dynamic-price,
.elementor-element-8b984a1 .tiered-pricing-dynamic-price .woocommerce-Price-amount,
.elementor-element-8b984a1 .woocommerce-Price-amount,
.elementor-element-8b984a1 .woocommerce-Price-currency,
.elementor-element-8b984a1 bdi {
	font-size: 38px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

@media (max-width: 767px) {
	.elementor-element-8b984a1 p.price,
	.elementor-element-8b984a1 .price .tiered-pricing-dynamic-price,
	.elementor-element-8b984a1 .tiered-pricing-dynamic-price .woocommerce-Price-amount,
	.elementor-element-8b984a1 .woocommerce-Price-amount,
	.elementor-element-8b984a1 .woocommerce-Price-currency,
	.elementor-element-8b984a1 bdi {
		font-size: 32px !important;
	}
}

/* ==========================================================================
   3) Tarpas virs kainos
   Buvo: 22px desktop, tik 2px mobiliame - kaina lipdavo prie disclaimerio.
   ========================================================================== */
.elementor-element-8b984a1 {
	margin-top: 14px !important;
}

@media (max-width: 767px) {
	.elementor-element-8b984a1 {
		margin-top: 22px !important;
	}
}

/* ==========================================================================
   Produkto puslapis: "Add To Cart" ir "Buy Now" per visa ploti
   Buvo: kiekio laukas ir abu mygtukai dalijosi viena eilute
     390px:  forma 250px, Add To Cart 142px
     1440px: Add To Cart 179px, Buy Now 160px
   Tampa: kiekio laukas atskiroje eiluteje, abu mygtukai po 100%.
   ========================================================================== */
.product form.cart,
.elementor-element-44eb12e,
.elementor-element-44eb12e .elementor-widget-container {
	width: 100% !important;
	max-width: 100% !important;
}

.product form.cart {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	align-items: stretch;
}

/* Kiekio laukas - savo eiluteje, naturalaus plocio */
.product form.cart .quantity {
	flex: 0 0 auto !important;
}

/* Abu mygtukai - per visa ploti, kiekvienas savo eiluteje */
.product form.cart .single_add_to_cart_button,
.product form.cart .wd-buy-now-btn,
.product form.cart button[type="submit"] {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
}

/* ==========================================================================
   CTA hierarchija produkto puslapyje
   Buvo: "Add To Cart" ir "Buy Now" - du vienodi pilni melyni mygtukai.
   Du lygiaverciai CTA konkuruoja ir verciia vartotoja rinktis.

   Hierarchija:
     1. Add To Cart   - pilnas melynas (pirminis)
     2. Buy Now       - ghost su apvadu (antrinis)
     3. Ask An Expert - svelnesnis, pilkas apvadas (tretinis)

   Kodel pirminis yra "Add To Cart", o ne "Buy Now": nemokamas pristatymas
   nuo 200 EUR, o produktai 18-88 EUR. Krepselio auginimas verslui
   naudingesnis nei greitas vienos prekes pirkimas.
   ========================================================================== */
.product form.cart .wd-buy-now-btn {
	background-color: transparent !important;
	color: #0078d1 !important;
	border: 2px solid #0078d1 !important;
	box-shadow: none !important;
}

.product form.cart .wd-buy-now-btn:hover {
	background-color: #0078d1 !important;
	color: #fff !important;
}

/* "Ask An Expert" - tretinis lygmuo, kad nekonkuruotu su "Buy Now".
   Reikia a.ec-ask-expert (0,1,1) - mano pati ankstesne taisykle su tokiu
   selektoriumi buvo specifiskesne uz .ec-ask-expert (0,1,0). */
body a.ec-ask-expert,
.ec-ask-expert {
	border-color: rgba(0, 0, 0, .22) !important;
	color: #444 !important;
}

body a.ec-ask-expert:hover,
.ec-ask-expert:hover {
	border-color: #0078d1 !important;
	color: #0078d1 !important;
	background: transparent !important;
}

/* ==========================================================================
   Archyvas: mazesnis tarpas po breadcrumbs
   Buvo: 70px desktop, 45px mobiliame.
   ========================================================================== */
/* Tarpas po breadcrumbs pilkoje antrastes juostoje.

   Pirmas bandymas keite sekcijos margin-bottom - tai tarpas TARP sekciju,
   o ne juostos viduje. Vizualiai niekas nepasikeite.
   Tikrasis saltinis: .e-con-inner apatine parastė juostos viduje
   (30px desktop, 15px mobiliame). */
.elementor-element-36fcfea {
	margin-bottom: 0 !important;
}

.elementor-element-36fcfea > .e-con-inner {
	padding-bottom: 10px !important;
}

@media (max-width: 767px) {
	.elementor-element-36fcfea {
		margin-bottom: -10px !important;
	}

	.elementor-element-36fcfea > .e-con-inner {
		padding-bottom: 6px !important;
	}
}

/* ==========================================================================
   Vaziuojanti eilute per visa lango ploti
   Buvo: pilka juosta x=30, plotis 1380 (1440 lange) - 15px sekcijos
   parastė + 15px .e-con-inner parastė is mano ankstesnes taisykles.
   Juostai su fonu itrauka nereikalinga - ji turi siekti krastus.
   Elementu tarpai (28px) uztikrina, kad tekstas nesiliestu su krastu.
   ========================================================================== */
.elementor-element-ba71230,
.elementor-element-ba71230 > .e-con-inner {
	padding-inline: 0 !important;
}

.elementor-element-ba71230 .wd-marquee,
.elementor-element-ba71230 .elementor-widget-container {
	max-width: none !important;
	width: 100% !important;
}