/* ==========================================================================
   Herbawell — a bolti lapok szín-korrekciója

   A kosár, a pénztár és a köszönőoldal CSS-e az élő ALKOPRO snippetjeiből jön,
   ahol a márkaszín BEÍRT sárga (#FDD007, #f2b600, #ffe14d), nem token. Azok a
   fájlok generáltak, tehát a forrásukban nem javíthatók: a következő átvétel
   felülírná. Ez a lap a bolti CSS UTÁN tölt be, és a tokenekre vezeti vissza
   őket.

   Minden érték tokenből jön. Beírt színkód ebben a fájlban nincs.
   ========================================================================== */

/* --- Megrendelés-gomb és minden elsődleges bolti gomb --------------------
   A szelektorok SZÁNDÉKOSAN ugyanolyan mélyek, mint a sablonéi
   (`.apx-pt #place_order`, `.apx-pt .btn-buy`). Az `!important` önmagában
   KEVÉS: két fontos deklaráció között előbb a specifikusság dönt, és csak
   utána a sorrend. Egy `#place_order{...!important}` ezért némán veszített
   volna a `.apx-pt #place_order` ellen. */

.apx-pt #place_order,
.woocommerce .apx-pt #place_order,
.apx-pt .btn-buy,
.apx-kosar .btn-buy,
.wc-proceed-to-checkout .checkout-button,
.woocommerce .button.alt {
	background: var(--brand) !important;
	background-image: none !important;
	color: var(--brand-ink) !important;
	border-bottom-color: var(--ink-deep) !important;
	box-shadow: var(--sh-2) !important;
	text-shadow: none !important;
	min-height: 52px;
}

.apx-pt #place_order:hover,
.woocommerce .apx-pt #place_order:hover,
.apx-pt .btn-buy:hover,
.apx-kosar .btn-buy:hover,
.wc-proceed-to-checkout .checkout-button:hover,
.woocommerce .button.alt:hover {
	background: var(--brand-hover) !important;
	background-image: none !important;
	color: var(--brand-ink) !important;
	box-shadow: var(--sh-3) !important;
}

/* A sablon gombja fehér fénycsíkot animál a sárgán. Mélyzöldön ez piszkos
   szürke pászmának látszik, ezért kikapcsoljuk. */
.apx-pt .btn-buy::after,
.apx-pt #place_order::after {
	display: none !important;
}

/* --- Kiemelt keretek és halvány márkahátterek ---------------------------- */
/* A snippet a sárga 10 százalékos halványítását használja doboz-háttérnek
   (#fffbe8). Mélyzöldnél ennek a párja a brand-tint. */

.apx-kiemelt,
.apx-mod-panel .apx-pont-csere,
.woocommerce-info,
.woocommerce-message {
	background: var(--brand-tint) !important;
	border-color: var(--brand-line) !important;
	color: var(--ink) !important;
}

/* --- Bizalmi doboz az összegző alatt ------------------------------------- */

.biz {
	background: var(--brand-tint);
	border: 1px solid var(--brand-line);
	border-radius: var(--r-10);
	padding: var(--sp-16);
}

.biz-cim {
	display: block;
	font-size: var(--fs-2xs);
	font-weight: var(--fw-bold);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--_arany-melv);
	margin-bottom: var(--sp-10);
}

.biz-lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--sp-10);
}

.biz-lista li {
	display: flex;
	gap: var(--sp-10);
	align-items: flex-start;
	font-size: var(--fs-md);
	line-height: 1.45;
}

.biz-ic {
	flex: 0 0 20px;
	color: var(--brand);
}

.biz-ic svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.biz-lista b {
	font-weight: var(--fw-medium);
	color: var(--ink);
}

/* --- Kosár: mennyiség-léptető érintőfelülete ---------------------------
   A sablonban 32 × 32 px, ami a kézikönyv 48 px-es minimuma alatt van. A két
   gomb egymás mellett áll, a törlés-ikon pedig közvetlenül mellettük: 32 px-nél
   a 60 fölötti vevő rendszeresen a szomszédos gombot találja el. Mérve
   iPhone 13 profilon. */

.db .kt-db-le,
.db .kt-db-fel,
.apx-kosar .kt-db-le,
.apx-kosar .kt-db-fel {
	min-width: 48px;
	min-height: 48px;
	width: 48px;
	height: 48px;
}

/* --- iOS auto-zoom kivédése -------------------------------------------
   A Safari mobilon automatikusan RÁNAGYÍT az űrlapmezőre, ha annak
   betűmérete 16 px alatt van. A pénztár mezői a sablonban 14 px-esek, tehát
   minden egyes mezőbe koppintáskor ugrott a nézet, és a vevőnek kézzel kellett
   visszahúznia. Ez a Herbawell vevőkörénél (45-80 év) az elhagyott pénztár
   egyik legolcsóbban javítható oka.

   A szabály 782 px alatt él, hogy az asztali sűrűség ne változzon. */

@media (max-width: 782px) {
	.woocommerce-checkout input[type="text"],
	.woocommerce-checkout input[type="tel"],
	.woocommerce-checkout input[type="email"],
	.woocommerce-checkout input[type="number"],
	.woocommerce-checkout input[type="password"],
	.woocommerce-checkout textarea,
	.woocommerce-checkout select,
	.woocommerce-cart input[type="text"],
	.woocommerce-cart input[type="number"],
	.apx-pt input,
	.apx-pt select,
	.apx-pt textarea {
		font-size: 16px !important;
	}
}