/*
 * Lubiwood Cart Timer — Styles
 *
 * Matches the light beige reservation banner visible on the cart/checkout pages.
 * Fully mobile-responsive; no dependencies on the parent theme.
 */

/* ─── Banner wrapper ──────────────────────────────────────────────────────── */
.lubiwood-cart-timer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45em;

	width: 100%;
	box-sizing: border-box;
	padding: 0.85em 1.25em;
	margin: 0 0 1.5em 0;

	background-color: #faf7ea;
	border: 1px solid #e6dfc0;
	border-radius: 4px;

	font-size: 0.9rem;
	font-weight: 500;
	color: #4a4235;
	line-height: 1.4;
	text-align: center;

	/* Smooth colour transition when banner switches to expired state */
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* ─── Icon ────────────────────────────────────────────────────────────────── */
.lubiwood-cart-timer__icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	color: #7a6e50;
	opacity: 0.85;
}

.lubiwood-cart-timer__icon svg {
	display: block;
}

/* ─── Text ────────────────────────────────────────────────────────────────── */
.lubiwood-cart-timer__text {
	/* Allow text to wrap on very small screens */
	white-space: normal;
	word-break: break-word;
}

/* ─── Expired state ───────────────────────────────────────────────────────── */
.lubiwood-cart-timer--expired {
	background-color: #fdf2f0;
	border-color: #e8c4bc;
	color: #7a3b2e;
}

.lubiwood-cart-timer--expired .lubiwood-cart-timer__icon {
	color: #b05a46;
}

/* ─── Mobile tweaks (≤ 480 px) ────────────────────────────────────────────── */
@media (max-width: 480px) {
	.lubiwood-cart-timer {
		font-size: 0.82rem;
		padding: 0.75em 1em;
		gap: 0.35em;
	}

	.lubiwood-cart-timer__icon svg {
		width: 14px;
		height: 14px;
	}
}

/* ─── Very small screens (≤ 360 px) ──────────────────────────────────────── */
@media (max-width: 360px) {
	.lubiwood-cart-timer {
		font-size: 0.78rem;
		padding: 0.65em 0.75em;
	}
}