/**
 * Layali Warranty — product-page option box.
 *
 * Deliberately theme-neutral: borders/text inherit the surrounding color
 * scheme (currentColor at low opacity), the checkbox picks up the theme's
 * accent via accent-color, and spacing is self-contained. No dependency on
 * any Layali theme token.
 */

/* Elementor Pro's Add to Cart widget lays out form.cart (simple products)
   and .woocommerce-variation-add-to-cart (variable) as a NOWRAP flex row —
   quantity beside button. Injected as a sibling, the box would otherwise sit
   IN that row and the button stretches to its height. Let the row wrap when
   it contains the box, and give the box its own full-width line (same
   treatment Elementor applies to div.product-addon). */
/* !important: Elementor's nowrap comes from an :is() selector chain with
   ~(0,6,3) specificity that no sane selector here can outrank. */
form.cart:has(> .lyw-box),
.woocommerce-variation-add-to-cart:has(> .lyw-box) {
	flex-wrap: wrap !important;
}

.lyw-box {
	flex: 0 0 100%; /* full row inside flex form layouts */
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 14px 16px 12px;
	margin: 0 0 18px;
	min-inline-size: 0;
}

.lyw-title {
	font-weight: 600;
	font-size: 0.95em;
	padding: 0 6px;
	margin: 0;
}

.lyw-option {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 8px 0;
	cursor: pointer;
	line-height: 1.35;
}

.lyw-input {
	margin: 0;
	flex-shrink: 0;
	width: 1.05em;
	height: 1.05em;
	cursor: pointer;
	/* Without this the checkbox renders the browser default (blue), which
	   reads as "not part of this site" on every theme. currentColor makes it
	   adopt the surrounding text colour, so it inherits the store's scheme
	   automatically; the Appearance setting can override it with a brand hex. */
	accent-color: currentColor;
}

.lyw-name {
	font-size: 0.95em;
}

.lyw-fee {
	/* Logical, not physical: pushes the fee to the row's far edge in both LTR
	   and RTL. `margin-left: auto` would collapse on RTL (Arabic) sites. */
	margin-inline-start: auto;
	font-weight: 600;
	font-size: 0.9em;
	opacity: 0.8;
	white-space: nowrap;
}