/* vsoa.css — VSOA frontend styles */

/* ── Curseur sur les liens obfusqués ─────────────────────────────────────── */
[data-offer],
[data-aff],
[data-value] { cursor: pointer; }
[data-offer] *,
[data-aff] *,
[data-value] * { cursor: pointer; }

/* ── Conteneur global ────────────────────────────────────────────────────── */
/*
 * vsoa-price-outer  : bloc principal, display:block
 *   ├── vsoa-price-badge-row : ligne du badge, display:block
 *   │     └── vsoa-discount-badge
 *   └── vsoa-price-wrap : ligne du prix, display:block
 *         ├── vsoa-price-prefix
 *         ├── vsoa-price (span/div/h*)
 *         │     ├── vsoa-price-original  (barré)
 *         │     └── vsoa-price-discounted
 *         └── vsoa-price-suffix
 *
 * text-align sur outer/badge-row/wrap suffit pour l'alignement
 */
.vsoa-price-outer {
	display: block;
}

/* Ligne badge — hérite de text-align via Elementor selector */
.vsoa-price-badge-row {
	display: block;
	margin-bottom: 6px; /* valeur par défaut, écrasée par le slider Elementor */
}

/* Ligne prix */
.vsoa-price-wrap {
	display: block;
}

/* ── Badge réduction ─────────────────────────────────────────────────────── */
.vsoa-discount-badge {
	display: inline-block;
	background-color: #e74c3c;
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	padding: 4px 9px;          /* valeur par défaut, écrasée par le contrôle DIMENSIONS */
	border-radius: 20px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	box-shadow: 0 1px 4px rgba(231, 76, 60, 0.35);
	animation: vsoa-badge-pop 0.25s ease;
}

@keyframes vsoa-badge-pop {
	0%   { transform: scale(0.7); opacity: 0; }
	80%  { transform: scale(1.08); }
	100% { transform: scale(1);   opacity: 1; }
}

/* ── Prix original barré ─────────────────────────────────────────────────── */
.vsoa-price-wrap .vsoa-price-original {
	text-decoration: line-through;
	opacity: 0.55;
	font-size: 0.88em;
	margin-right: 6px;
}

/* ── Prix réduit ─────────────────────────────────────────────────────────── */
.vsoa-price-wrap .vsoa-price-discounted {
	color: #27ae60;
	font-weight: 700;
}