/**
 * SWEB — Cart & Checkout [sweb_cart] / [sweb_checkout]
 * Theming brand peste markup-ul WooCommerce nativ.
 * Calibrat din Figma: Cart #16117:4002, Checkout #16278:17747, Order Summary #16279:18543, Cupon #16279:19283.
 */
.sweb-cart,
.sweb-checkout {
	font-family: 'Inter', sans-serif;
	color: var(--sweb-c-text, #4E220B);
	--sweb-panel-radius: 16px;
}

/* Titluri */
.sweb-cart h1, .sweb-cart h2, .sweb-cart h3,
.sweb-checkout h1, .sweb-checkout h2, .sweb-checkout h3,
.sweb-checkout #order_review_heading {
	font-family: var(--sweb-font-title, 'Freeman', sans-serif);
	color: var(--sweb-c-text, #4E220B);
}

/* Panouri (totaluri, order review, formulare) */
.sweb-cart .cart_totals,
.sweb-checkout #order_review,
.sweb-checkout .woocommerce-checkout-review-order,
.sweb-checkout .woocommerce-billing-fields,
.sweb-checkout .woocommerce-additional-fields {
	background: var(--sweb-gen-light-beige, #FAF7F4);
	border: 1px solid var(--sweb-c-border, #DFD5CF);
	border-radius: var(--sweb-panel-radius);
	padding: 24px;
}

/* Câmpuri de formular */
.sweb-checkout .input-text,
.sweb-checkout select,
.sweb-cart .input-text {
	border: 1px solid var(--sweb-c-border, #DFD5CF);
	border-radius: 8px;
	padding: 12px 14px;
	font-family: 'Inter', sans-serif;
	background: #fff;
}
.sweb-checkout .input-text:focus,
.sweb-cart .input-text:focus {
	outline: none;
	border-color: var(--sweb-c-primary, #D35A0C);
	box-shadow: 0 0 0 2px rgba(211, 90, 12, 0.15);
}

/* Butoane WooCommerce */
.sweb-cart .button,
.sweb-checkout .button,
.sweb-cart button.button,
.sweb-checkout #place_order {
	background: var(--sweb-c-primary, #D35A0C) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 99px !important;
	font-family: var(--sweb-font-title, 'Freeman', sans-serif) !important;
	font-weight: 600 !important;
	padding: 12px 24px !important;
	transition: filter 0.15s ease;
}
.sweb-cart .button:hover,
.sweb-checkout .button:hover,
.sweb-checkout #place_order:hover { filter: brightness(0.94); }

/* Total evidențiat */
.sweb-cart .order-total .amount,
.sweb-checkout .order-total .amount {
	color: var(--sweb-c-primary, #D35A0C);
	font-family: var(--sweb-font-title, 'Freeman', sans-serif);
	font-size: 20px;
}

/* Cupon */
.sweb-cart .coupon .input-text { min-width: 180px; }

/* Extra-uri SWEB afișate pe linia de coș */
.sweb-cart .variation,
.sweb-checkout .variation { font-size: 13px; color: var(--sweb-c-text-muted, #8D6C5A); }

/* -------------------------------------------------------------------------- *
 * Chip de brand pe linia de coș/checkout (segregare vizuală pe brand)
 * -------------------------------------------------------------------------- */
.sweb-brandchip {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 8px;
	border-radius: 999px;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #fff;
	vertical-align: middle;
	background: #4E220B;
}
.sweb-brandchip--follies { background: #D35A0C; }
.sweb-brandchip--jerry { background: #E3403E; }
.sweb-brandchip--americana { background: #E42B2B; }

/* -------------------------------------------------------------------------- *
 * Payment methods (checkout) — panel Figma Payment Methode #16283:19224
 * -------------------------------------------------------------------------- */
.sweb-checkout #payment {
	background: #FFFDF9;
	border: 1px solid #DFD5CF;
	border-radius: 16px;
	padding: 24px;
}
.sweb-checkout #payment ul.payment_methods {
	border: none;
	padding: 0;
	margin: 0 0 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.sweb-checkout #payment ul.payment_methods li {
	border: 1px solid #DFD5CF;
	border-radius: 12px;
	padding: 14px 16px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.sweb-checkout #payment ul.payment_methods li:has(input:checked) {
	border-color: var(--sweb-c-primary, #D35A0C);
	box-shadow: 0 0 0 2px rgba(211, 90, 12, 0.12);
}
.sweb-checkout #payment ul.payment_methods label {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	color: var(--sweb-c-text, #4E220B);
}
.sweb-checkout #payment .payment_box {
	background: #FEFAF0;
	border-radius: 8px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
}