/**
 * Strawberry for Beauty — mini-cart drawer. v1.
 *
 * The mini-cart block lives in the header template part, so it renders on every
 * page — including the hall, which is #06060A. This file therefore loads site
 * wide, and every rule is scoped to a .wc-block-mini-cart* class so nothing can
 * leak onto a page's own layout. Do not add a body-level or element selector.
 *
 * The drawer keeps the light premium treatment of the cart page rather than the
 * hall's dark palette: it is a checkout surface, and it should look the same
 * wherever a shopper opens it.
 */

.wc-block-mini-cart__drawer .wc-block-components-drawer {
	--sfb-canvas: #FBF8F6;
	--sfb-card: #FFFFFF;
	--sfb-ink: #1A1720;
	--sfb-mute: #7A7280;
	--sfb-line: #EAE2DC;
	--sfb-red: #DE2227;
	--sfb-red-ink: #B81B1F;
	background: var(--sfb-canvas);
	color: var(--sfb-ink);
	font-family: "Almarai", "IBM Plex Sans Arabic", Tahoma, sans-serif;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__title,
.wc-block-mini-cart__drawer .wc-block-components-drawer__screen-overlay + * h2 {
	font-family: "El Messiri", "Almarai", Tahoma, sans-serif;
	font-weight: 600;
	color: var(--sfb-ink);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__items {
	background: transparent;
}

.wc-block-mini-cart__drawer .wc-block-cart-items__row {
	border-block-end: 1px solid var(--sfb-line);
}

.wc-block-mini-cart__drawer .wc-block-components-product-name {
	font-family: "El Messiri", "Almarai", Tahoma, sans-serif;
	font-weight: 600;
	color: var(--sfb-ink);
	text-decoration: none;
}

.wc-block-mini-cart__drawer .wc-block-components-product-name:hover {
	color: var(--sfb-red);
}

.wc-block-mini-cart__drawer .wc-block-cart-item__image img {
	border-radius: 10px;
	border: 1px solid var(--sfb-line);
}

.wc-block-mini-cart__drawer .wc-block-components-formatted-money-amount {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	background: var(--sfb-card);
	border-block-start: 1px solid var(--sfb-line);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal {
	font-family: "El Messiri", "Almarai", Tahoma, sans-serif;
	color: var(--sfb-ink);
}

.wc-block-mini-cart__drawer .wc-block-components-button:not(.is-link) {
	background: var(--sfb-red);
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	min-block-size: 52px;
	/* transform/opacity only */
	transition: transform .18s ease, background-color .18s ease;
}

.wc-block-mini-cart__drawer .wc-block-components-button:not(.is-link):hover {
	background: var(--sfb-red-ink);
	transform: translateY(-1px);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.is-link {
	color: var(--sfb-red-ink);
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close {
	color: var(--sfb-mute);
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover {
	color: var(--sfb-red);
}

.wc-block-mini-cart__drawer :focus-visible {
	outline: 2px solid var(--sfb-red);
	outline-offset: 3px;
}

/* The header badge — keep it legible on both the ivory shop pages and the
   hall's near-black canvas, so it carries its own colours. */
.wc-block-mini-cart__badge {
	background: #DE2227;
	color: #fff;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
	.wc-block-mini-cart__drawer * {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}