/**
 * Product buy-box — the Aura PDP right column. Structure + colour from theme
 * tokens (TOKENS.md); each custom property carries a system-colour fallback so
 * the block still reads under a theme that never heard of Quartier's tokens.
 */

.wp-block-quartier-product-buybox {
	max-width: 100%;
}

.anps-buybox__overline {
	margin: 0;
}

.anps-buybox__title {
	font-family: var( --wp--preset--font-family--heading, Georgia, serif );
	font-weight: 500;
	font-size: 2.75rem; /* 44px */
	line-height: 1.08;
	letter-spacing: -0.5px;
	margin: 12px 0 0;
}

.anps-buybox__rating {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 12px;
}

.anps-buybox__rating .anps-stars-inline {
	color: var( --wp--preset--color--accent, GoldText );
	font-size: 14px;
	letter-spacing: 3px;
	line-height: 1;
}

.anps-buybox__rating-text {
	font-size: 0.84375rem; /* 13.5px */
	color: var( --wp--preset--color--muted, GrayText );
}

.anps-buybox__price {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 16px 0 0;
}

.anps-buybox__amount {
	font-family: var( --wp--preset--font-family--heading, Georgia, serif );
	font-weight: 600;
	font-size: 1.875rem; /* 30px */
	color: var( --wp--preset--color--contrast, CanvasText );
}

.anps-buybox__pricemeta {
	font-size: 0.875rem;
	color: var( --wp--preset--color--muted, GrayText );
}

.anps-buybox__desc {
	margin-top: 16px;
	max-width: 440px;
}

.anps-buybox__desc p {
	font-size: 1rem;
	line-height: 1.65;
	color: var( --wp--preset--color--muted, GrayText );
	margin: 0;
}

/* ------------------------------------------------- Size cards */

.anps-buybox__sizes {
	margin-top: 24px;
}

.anps-buybox__size-label {
	font-size: 0.71875rem; /* 11.5px */
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var( --wp--preset--color--muted, GrayText );
	margin: 0 0 10px;
}

.anps-buybox__size-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.anps-buybox__size {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 88px;
	padding: 11px 16px;
	border: 1.5px solid color-mix( in srgb, var( --wp--preset--color--border, ButtonBorder ) 75%, transparent );
	border-radius: 14px;
	background: var( --wp--preset--color--paper, Canvas );
	cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease;
}

.anps-buybox__size.is-active {
	border-color: var( --wp--preset--color--cta, Highlight );
	background: color-mix( in srgb, var( --wp--preset--color--accent, Highlight ) 12%, var( --wp--preset--color--paper, Canvas ) );
}

.anps-buybox__size-name {
	font-size: 0.90625rem; /* 14.5px */
	font-weight: 600;
	color: var( --wp--preset--color--contrast, CanvasText );
}

.anps-buybox__size-price {
	font-size: 0.78125rem; /* 12.5px */
	color: var( --wp--preset--color--muted, GrayText );
}

/* ------------------------------------------------- Actions row */

.anps-buybox__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 22px;
}

.anps-buybox__qty {
	display: flex;
	align-items: center;
	height: 52px;
	border: 1px solid color-mix( in srgb, var( --wp--preset--color--border, ButtonBorder ) 75%, transparent );
	border-radius: var( --wp--custom--radius--control, 999px );
	background: var( --wp--preset--color--paper, Canvas );
	flex: 0 0 auto;
}

.anps-buybox__step {
	width: 46px;
	height: 100%;
	border: 0;
	background: transparent;
	color: var( --wp--preset--color--contrast, CanvasText );
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.anps-buybox__qtyval {
	width: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}

.anps-buybox__add {
	flex: 1 1 0%;
	height: 52px;
	border: 0;
	border-radius: var( --wp--custom--radius--control, 999px );
	background: var( --wp--preset--color--cta, Highlight );
	color: var( --wp--preset--color--on-cta, HighlightText );
	font-weight: 600;
	font-size: 0.96875rem; /* 15.5px */
	cursor: pointer;
}

.anps-buybox__add[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.anps-buybox__add:not( [disabled] ):hover {
	background: color-mix( in srgb, var( --wp--preset--color--cta, Highlight ) 88%, black );
}

/* The wishlist heart reused inside the buy-box: a 52px bordered circle. */
.anps-buybox__actions .anps-wishlist-button {
	inline-size: 52px;
	block-size: 52px;
	border: 1.5px solid color-mix( in srgb, var( --wp--preset--color--border, ButtonBorder ) 75%, transparent );
	background: var( --wp--preset--color--paper, Canvas );
	flex: 0 0 auto;
}

.anps-buybox__notice:not( :empty ) {
	margin: 12px 0 0;
	font-size: 0.875rem;
	color: var( --wp--preset--color--secondary, CanvasText );
}

/* ------------------------------------------------- Stock pill */

.anps-buybox__stock {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding: 8px 15px;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 600;
}

.anps-buybox__stock.is-in {
	background: color-mix( in srgb, var( --wp--preset--color--secondary, Mark ) 14%, transparent );
	color: var( --wp--preset--color--secondary, MarkText );
}

.anps-buybox__stock.is-out {
	background: color-mix( in srgb, var( --wp--preset--color--muted, GrayText ) 16%, transparent );
	color: var( --wp--preset--color--muted, GrayText );
}

.anps-buybox__dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: currentColor;
}

/* The trust row now lives in the single-product TEMPLATE as editable columns
   (.anps-trust in the theme sheet), not in this block. */