/*
 * WyCart Builder — Cart Items Loop widget styles.
 *
 * @package Wycan\WYCB
 * @since   1.0.0
 */

/* ── Widget wrapper ───────────────────────────────────────── */

/* Elementor doesn't stretch widgets to fill a flex/grid container by default. */
.elementor-widget-wycb-cart-items-loop {
	width: 100%;
}

/* ── Loop wrapper ─────────────────────────────────────────── */

.wycb-cart-items-loop {
	display: flex;
	flex-direction: column; /* overridden via Elementor selectors */
	gap: 16px;              /* overridden via Elementor selectors */
	width: 100%;
}

/* ── Per-item wrapper ─────────────────────────────────────── */

.wycb-cart-item {
	width: 100%;
}

/* Fade-out transition used by Remove Item widget (Lot 5). */
.wycb-cart-item--removing {
	overflow: hidden;
	transition: opacity 0.25s ease, max-height 0.3s ease;
	opacity: 0;
	max-height: 0;
}

@media (prefers-reduced-motion: reduce) {
	.wycb-cart-item--removing {
		transition: none;
	}
}

/* ── Empty cart message ───────────────────────────────────── */

.wycb-cart-empty {
	text-align: center;
	padding: 2em 0;
	color: currentColor;
}

/* ── Editor placeholder notice ───────────────────────────── */

.wycb-notice {
	background: #f0f0f1;
	border-left: 3px solid #2271b1;
	padding: 8px 12px;
	font-size: 13px;
	color: #1e1e1e;
}