/**
 * GG Logic — storefront banner styles.
 *
 * Styles the notices the plugin renders on product and cart pages. These
 * rules previously lived only in the live site's Customizer "Additional CSS"
 * (never version-controlled); they are owned by the plugin now so the markup
 * and its styling ship together.
 */

/* ── Delivery promise ("Entrega estimada…") ─────────────────────────────── */

.delivery-promise {
	background-color: #f7f9fc;
	border: 1px solid #d0d7de;
	border-left: 4px solid #8c98a4;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 1rem;
	color: #222;
	line-height: 1.4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.delivery-promise .icon {
	display: inline-block;
	margin-right: 5px;
}

.delivery-promise .disclaimer {
	font-size: 0.75rem;
	opacity: 0.7;
}

.cart_totals .delivery-promise {
	margin-bottom: 1rem;
}

.cart_totals .delivery-promise .disclaimer {
	display: block;
}

/* ── Product-page callout notices (info / warning) ──────────────────────── */

/*
 * Shared card for the small callouts around the add-to-cart area: the
 * per-customer limit notice and the restock / delayed pre-order notice. Both
 * default to a matching informational (blue) tone; a supplier delay opts into
 * the warning (amber) tone via `.is-warning`. A coloured left edge plus a
 * top-aligned icon give the box a slightly more finished look.
 */
.max-quantity-notice,
.restock-notice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	background-color: #eef5fb;
	border: 1px solid #b3d0e8;
	border-left: 4px solid #4a90c2;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 1rem;
	color: #222;
	line-height: 1.4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	margin-bottom: 10px;
}

.max-quantity-notice .icon,
.restock-notice .icon {
	flex: 0 0 auto;
}

/*
 * Red inline flag under a cart line whose per-customer limit is exceeded
 * (rendered by Cart::flag_cart_line()).
 */
.max-quantity-exceeded {
	color: #b32d2e;
	font-size: 0.85em;
	line-height: 1.4;
	margin-top: 4px;
}

/* ── Restock / delayed pre-order — warning tone ─────────────────────────── */

/*
 * A restock shares the informational card above; a delayed pre-order whose new
 * date is only an estimate switches to the warning (amber) tone instead.
 */
.restock-notice.is-warning {
	background-color: #fdf6e9;
	border-color: #ecd9a6;
	border-left-color: #e0a82e;
}