/* Vandeto Featured Badge — surimpression slider annonce.
   Palette Vandeto : #ff1700 / #11151c / #ffc220. Vanilla, zéro dépendance. */

.vfb-badge {
	position: absolute;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 13px;
	border-radius: 999px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .2px;
	line-height: 1;
	white-space: nowrap;
	color: #fff;
	/* Ne jamais gêner le slider (flèches / swipe). */
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	backdrop-filter: saturate(120%);
	animation: vfb-in .35s cubic-bezier(.2, .8, .2, 1) both;
}

.vfb-badge .vfb-badge-ic {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

/* --- Positions ---------------------------------------------------------- */
.vfb-badge.vfb-pos-top-left { top: 14px; left: 14px; }
.vfb-badge.vfb-pos-top-right { top: 14px; right: 14px; }
.vfb-badge.vfb-pos-bottom-left { bottom: 14px; left: 14px; }
.vfb-badge.vfb-pos-bottom-right { bottom: 14px; right: 14px; }

/* --- Modèle Ember (rouge Vandeto) -------------------------------------- */
.vfb-badge.vfb-model-ember {
	background: linear-gradient(135deg, #ff1700 0%, #ff5a2c 100%);
	box-shadow: 0 6px 18px rgba(255, 23, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.vfb-badge.vfb-model-ember .vfb-badge-ic { color: #ffe1c2; }

/* --- Modèle Gold (ambre) ----------------------------------------------- */
.vfb-badge.vfb-model-gold {
	background: linear-gradient(135deg, #ffc220 0%, #ffa800 100%);
	color: #2a1a00;
	box-shadow: 0 6px 18px rgba(255, 168, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .45);
}
.vfb-badge.vfb-model-gold .vfb-badge-ic { color: #7a4a00; }

/* --- Modèle Glass (verre dépoli) --------------------------------------- */
.vfb-badge.vfb-model-glass {
	background: rgba(17, 21, 28, .42);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	backdrop-filter: blur(10px) saturate(140%);
	border: 1px solid rgba(255, 255, 255, .28);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .28);
}
.vfb-badge.vfb-model-glass .vfb-badge-ic { color: #ffc220; }

/* --- Défaut si aucun modèle (fallback = ember) ------------------------- */
.vfb-badge:not(.vfb-model-ember):not(.vfb-model-gold):not(.vfb-model-glass) {
	background: linear-gradient(135deg, #ff1700 0%, #ff5a2c 100%);
	box-shadow: 0 6px 18px rgba(255, 23, 0, .35);
}

@keyframes vfb-in {
	from { opacity: 0; transform: translateY(-6px) scale(.92); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.vfb-badge { animation: none; }
}

@media (max-width: 600px) {
	.vfb-badge {
		font-size: 11.5px;
		padding: 6px 11px;
	}
	.vfb-badge.vfb-pos-top-left,
	.vfb-badge.vfb-pos-top-right { top: 10px; }
	.vfb-badge.vfb-pos-bottom-left,
	.vfb-badge.vfb-pos-bottom-right { bottom: 10px; }
	.vfb-badge.vfb-pos-top-left,
	.vfb-badge.vfb-pos-bottom-left { left: 10px; }
	.vfb-badge.vfb-pos-top-right,
	.vfb-badge.vfb-pos-bottom-right { right: 10px; }
}

/* --- Variante compacte (cartes annonces similaires) -------------------- */
.vfb-badge.vfb-badge--sm {
	font-size: 11px;
	padding: 5px 10px;
	gap: 4px;
}
.vfb-badge.vfb-badge--sm.vfb-pos-top-left,
.vfb-badge.vfb-badge--sm.vfb-pos-top-right { top: 8px; }
.vfb-badge.vfb-badge--sm.vfb-pos-bottom-left,
.vfb-badge.vfb-badge--sm.vfb-pos-bottom-right { bottom: 8px; }
.vfb-badge.vfb-badge--sm.vfb-pos-top-left,
.vfb-badge.vfb-badge--sm.vfb-pos-bottom-left { left: 8px; }
.vfb-badge.vfb-badge--sm.vfb-pos-top-right,
.vfb-badge.vfb-badge--sm.vfb-pos-bottom-right { right: 8px; }
.vfb-badge.vfb-badge--sm .vfb-badge-ic svg { width: 12px; height: 12px; }