/* Decant UI fixes – 2026-10-14. Tételszámok: agent/MIGRATION_WP7_2026-10-12.md „Tulajdonosi hibalista”. */

/* 2. Carousel lapozó pöttyök: az új Swiper role="button"-t ad a pöttyöknek, a téma [role="button"] gombstílusa (padding, fekete háttér) rájuk ragadt. */
.swiper-pagination .swiper-pagination-bullet[role="button"],
.swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	margin: 0 5px;
	border: 0;
	border-radius: 50%;
	background-color: #000;
	opacity: 0.2;
	line-height: 0;
	font-size: 0;
	box-shadow: none;
	transform: none;
	transition: opacity .2s ease;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet:hover {
	opacity: 0.6;
	background-color: #000;
}

/* 5. Variáció-választó „Törlés” link: a swatch-sorral egy vonalba. */
.woocommerce div.product form.cart .variations td.woo-variation-items-wrapper {
	align-items: center;
}
.woocommerce div.product form.cart .variations td.woo-variation-items-wrapper .reset_variations {
	margin-top: 0;
	align-self: center;
}

/* 6. Checkout „Van kuponod?” link: a role="button" miatt a téma gombként formázta (bézs háttér, halvány szöveg; hoverre fekete). Sima, kontrasztos link legyen a barna sávban. */
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon,
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon[role="button"] {
	display: inline;
	padding: 0;
	margin: 0 0 0 6px;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	font-size: inherit;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: underline;
	text-underline-offset: 3px;
	line-height: inherit;
	cursor: pointer;
}
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:focus,
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:active {
	background: transparent;
	color: #fff;
	text-decoration: none;
}

/* 8. Jelszó-megjelenítő (szem) gomb: a WooCommerce translateY(-50%)-ja a téma top:0-jával együtt felcsúsztatta; hoverre a téma gomb-stílusa fekete hátteret adott. */
.woocommerce .password-input {
	position: relative;
	display: flex;
	align-items: center;
}
.woocommerce .password-input .show-password-input,
.woocommerce #customer_login .show-password-input,
.woocommerce #customer_login form .show-password-input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	min-height: 0;
	width: 44px;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
}
.woocommerce .password-input .show-password-input:hover,
.woocommerce .password-input .show-password-input:focus,
.woocommerce .password-input .show-password-input:active {
	background: transparent;
	color: inherit;
	box-shadow: none;
	outline: none;
}
.woocommerce .password-input .show-password-input::after {
	position: static;
	transform: none;
	margin: 0;
}
.woocommerce .password-input input.input-text {
	padding-right: 48px;
}

/* 3. Termékoldal gombsor: egységes 44 px magasság (= mennyiség mező), egy sorban a mennyiség + Kosárba teszem + (kosár link), alatta a kedvencek gomb. */
.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .single_variation_wrap,
.woocommerce div.product form.cart .woocommerce-variation,
.woocommerce div.product form.cart .wdt-product-stock,
.woocommerce div.product form.cart > :not(.quantity):not(.single_add_to_cart_button):not(.added_to_cart):not(.yith-wcwl-add-to-wishlist) {
	flex: 0 0 100%;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	width: 100%;
}
.woocommerce div.product form.cart div.quantity {
	margin: 0;
	height: 44px;
}
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart a.added_to_cart,
.woocommerce div.product form.cart .yith-wcwl-add-to-wishlist a,
.woocommerce div.product .summary .yith-wcwl-add-to-wishlist a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 28px;
	line-height: 1;
	font-size: 12px;
	white-space: nowrap;
	box-sizing: border-box;
}
/* „Kosár” link a kosárba tétel után: körvonalas gomb, a főgombbal azonos magasságban (a téma div.quantity ~ a szabálya erősebb, ezért !important) */
.woocommerce div.product form.cart a.added_to_cart,
.woocommerce div.product form.cart div.quantity ~ a.added_to_cart {
	background: transparent;
	box-shadow: inset 0 0 0 1px #000;
	color: #000;
	padding: 0 28px !important;
	line-height: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	vertical-align: middle;
}
.woocommerce div.product form.cart a.added_to_cart:hover,
.woocommerce div.product form.cart a.added_to_cart:focus {
	background: #000;
	color: #fff;
}
.woocommerce div.product form.cart a.added_to_cart::before,
.woocommerce div.product form.cart a.added_to_cart::after {
	display: none;
}
/* Kedvencek blokk: saját sor, a főgomb szélességével megegyező minimum */
.woocommerce div.product form.cart .yith-wcwl-add-to-wishlist,
.woocommerce div.product .summary .yith-wcwl-add-to-wishlist {
	flex: 0 0 100%;
	display: block !important;
	margin: 0;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse {
	display: inline-block;
	margin: 0;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist .feedback {
	display: none !important;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg {
	width: 18px;
	height: 18px;
	margin: 0;
	vertical-align: middle;
	color: inherit;
	stroke: currentColor;
	fill: none;
	flex: 0 0 auto;
}

/* 4. Hover/kijelölt állapot: ikonok kövessék a szöveg színét (fekete alapon fehér), a „Kedvencek megtekintése” (már hozzáadva) link fekete szöveggel. */
.woocommerce div.product .yith-wcwl-add-to-wishlist a:hover svg,
.woocommerce div.product .yith-wcwl-add-to-wishlist a:focus svg,
.woocommerce div.product .yith-wcwl-add-to-wishlist a:hover svg path,
.woocommerce div.product .yith-wcwl-add-to-wishlist a:focus svg path {
	color: #fff;
	stroke: #fff;
	fill: none;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist a,
.woocommerce div.product .yith-wcwl-add-to-wishlist.exists a,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
	color: #000;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist a:hover,
.woocommerce div.product .yith-wcwl-add-to-wishlist.exists a:hover,
.woocommerce div.product .yith-wcwl-add-to-wishlist a:focus {
	color: #fff;
}
/* Már a kedvencek között: teli szív ikon, ha a plugin nem ad ikont */
/* (a téma a gombok ::before-ját hover-háttérrétegnek használja, ezért ::after + order:-1) */
.woocommerce div.product .yith-wcwl-add-to-wishlist.exists a:not(.add_to_wishlist):not(:has(svg))::after,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:not(:has(svg))::after,
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:not(:has(svg))::after {
	content: "\2665";
	order: -1;
	display: inline-block;
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	background: none;
	-webkit-mask: none;
	mask: none;
	font-size: 16px;
	line-height: 1;
	color: inherit;
}

/* 7. Checkout fizetési mód választó (Fluid Checkout + Payment Plugins for Stripe): egyértelmű rádiógomb, jól olvasható cím, szolgáltatói márkajel jobbra, hover/kijelölt állapot, üres doboz nélkül. */
.fc-wrapper #payment ul.payment_methods,
body.woocommerce-checkout div.woocommerce .fc-wrapper #payment ul.payment_methods {
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	background: #fff !important;
	background-clip: padding-box;
	box-shadow: none !important;
}
.fc-wrapper #payment ul.payment_methods::before,
.fc-wrapper #payment ul.payment_methods::after,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method::before,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method::after {
	content: none !important;
	display: none !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	position: relative;
	background: #fff;
}
/* Elválasztó: minden sor tetején (az elsőt kivéve), így rejtett sor (pl. Apple Pay Chrome-ban) mellett sem marad dupla vagy hiányzó vonal */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method + li.wc_payment_method > label {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label {
	border-top: 0;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method + li.wc_payment_method > label {
	border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label {
	display: flex !important;
	align-items: center;
	gap: 14px;
	position: relative;
	width: 100%;
	min-height: 60px;
	margin: 0 !important;
	padding: 14px 18px 14px 56px !important;
	background: #fff;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: background-color .15s ease;
	box-sizing: border-box;
}
/* saját rádiógomb a Fluid Checkout pipája és a téma (display:none + pipa-alak) szabályai helyett – a téma #payment.woocommerce-checkout-payment szelektora miatt !important */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label::before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods > li.wc_payment_method > input[type="radio"] ~ label::before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods > li.wc_payment_method > input[type="radio"]:checked + label::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 20px !important;
	right: auto !important;
	top: 50% !important;
	width: 20px !important;
	height: 20px !important;
	margin: -10px 0 0 0 !important;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: #8a8a8a !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #b6713e;
	transform: none !important;
	box-sizing: border-box !important;
	opacity: 1 !important;
	transition: border-color .15s ease, border-width .15s ease;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"] + label::after,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"]:checked + label::after {
	display: none !important;
	content: none !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label:hover {
	background: #faf5ec;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label:hover::before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods > li.wc_payment_method > input[type="radio"] ~ label:hover::before {
	border-color: #b6713e !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"]:checked + label {
	background: #f5ebd8;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"]:checked + label::before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods > li.wc_payment_method > input[type="radio"]:checked + label::before {
	border-width: 6px !important;
	border-color: #b6713e !important;
}
/* fókusz: nincs keret a soron (szögletes sarkot és eltűnő elválasztót okozna), csak a rádiógomb gyűrűje jelzi */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"]:focus + label,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > input[name="payment_method"]:focus-visible + label,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label:focus,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label:focus-within {
	outline: none !important;
	box-shadow: none !important;
}
/* sarkok: a sorok háttere kövesse a keret ívét (belső sugár = 5 px), plusz az ul overflow:hidden fallback rejtett sorok mellett */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:first-child,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:first-child > label {
	border-radius: 5px 5px 0 0;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:last-child,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:last-child > label:last-child,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:last-child > .payment_box {
	border-radius: 0 0 5px 5px;
}
/* a téma label alsó szegélye (1 px sötét vonal a kártya-sor alatt) */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label {
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	box-shadow: none !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label .payment-method__label-text {
	margin: 0 !important;
	flex: 1 1 auto;
}
/* A Stripe plugin a Google Pay címét üresen hagyja */
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_googlepay > label .payment-method__label-text:empty::before {
	content: "Google Pay";
}
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_applepay > label .payment-method__label-text:empty::before {
	content: "Apple Pay";
}
/* Márkajelek: fix magasság, tiszta háttér, a szolgáltatói arculati előírás szerinti védőtávolsággal */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label .payment-method__label-icon {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	margin-left: auto;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label .payment-method__label-icon img,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li .payment-method__label-icon img {
	display: block;
	height: 28px;
	width: auto;
	max-width: 150px;
	max-height: 28px;
	margin: 0 !important;
	mix-blend-mode: normal;
}
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_applepay > label .payment-method__label-icon img,
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_googlepay > label .payment-method__label-icon img {
	height: 32px;
	max-height: 32px;
}
/* Kártyaadat-doboz: a sorhoz igazítva, fehér háttér */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods .payment_box {
	margin: 0 !important;
	padding: 4px 18px 20px 56px !important;
	background: #fff;
	border-top: 0;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box::before,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box::after {
	content: none !important;
}
/* Apple Pay / Google Pay: nincs beviteli mező, a plugin üres dobozt nyitna – ne jelenjen meg */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box.hide-payment-box,
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box:not(:has(:not(input[type="hidden"]))) {
	display: none !important;
}

/* 7/b. Apple Pay és Google Pay doboza csak rejtett mezőket tartalmaz (a gomb a Megrendelés helyén jelenik meg) – ne nyíljon üres sáv */
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_applepay > .payment_box,
.fc-wrapper #payment ul.payment_methods > li.payment_method_stripe_googlepay > .payment_box {
	display: none !important;
}
/* 7/c. Fókusz: a Fluid Checkout vastag szürke outline-ja helyett halvány gyűrű */
.fc-wrapper #payment .payment_methods > .wc_payment_method > input[name="payment_method"]:focus + label::before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods > li.wc_payment_method > input[type="radio"]:focus ~ label::before {
	outline: none !important;
	outline-offset: 0 !important;
}
.fc-wrapper #payment .payment_methods > .wc_payment_method > input[name="payment_method"]:focus-visible + label::before {
	box-shadow: 0 0 0 3px rgba(182, 113, 62, 0.25) !important;
}

/* 7/d. A Fluid Checkout a címkét 1 px-szel feljebb tolja (top:-1px), ezért a kijelölt sor alatt 1 px fehér csík maradt a keret fölött */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > label,
.fc-wrapper #payment .payment_methods > .wc_payment_method > input[name="payment_method"] + label {
	top: 0 !important;
	bottom: auto !important;
	transform: none !important;
	margin: 0 !important;
}
/* a listaelem is kövesse a hover/kijelölt hátteret, hogy sehol ne villanjon ki a fehér */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:has(> input[name="payment_method"]:checked) {
	background: #f5ebd8 !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:has(> label:hover):not(:has(> input[name="payment_method"]:checked)) {
	background: #faf5ec !important;
}
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method:has(> input[name="payment_method"]:checked) > .payment_box {
	background: #fff;
}

/* 10. Checkout összegző sorok (Fluid Checkout substep review): címke, érték és „Módosítás” egy közös felső vonalon */
.fc-wrapper .fc-step__substep {
	position: relative;
}
.fc-wrapper .fc-step__substep > .fc-step__substep-title,
.fc-wrapper .fc-step__substep > .fc-step__substep-text,
.fc-wrapper .fc-step__substep > .fc-step__substep-fields {
	vertical-align: top !important;
}
.fc-wrapper .fc-step__substep > .fc-step__substep-title {
	margin: 0 !important;
	line-height: 22.4px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-self: flex-start;
}
.fc-wrapper .fc-step__substep > .fc-step__substep-title::before,
.fc-wrapper .fc-step__substep > .fc-step__substep-title::after {
	top: 2px !important;
	transform: none !important;
	margin-top: 0 !important;
}
.fc-wrapper .fc-step__substep > .fc-step__substep-text {
	line-height: 22.4px !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.fc-wrapper .fc-step__substep > .fc-step__substep-edit {
	top: 20px !important;
	line-height: 22.4px !important;
	margin: 0 !important;
}
/* az érték ne fusson a „Módosítás” link alá */
@media (min-width: 768px) {
	.fc-wrapper .fc-step__substep > .fc-step__substep-text {
		padding-right: 130px !important;
	}
}
/* 7/e. A téma a kártya adatdobozának (.payment_box) aljára 1 px sötét szegélyt tesz (Safari/WebKit jól láthatóan rajzolja) */
.fc-wrapper #payment ul.payment_methods > li.wc_payment_method > .payment_box,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods .payment_box,
.woocommerce-checkout #payment div.payment_box {
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}