/* Sprint 5n — Badge servizio "Incluso nel piano" / "X crediti" / "Incluso + 1:1" */

.exal-service-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	font-family: Roboto, Archivo, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	margin: 6px 0;
	white-space: nowrap;
	border: 1px solid transparent;
}

.exal-service-badge--free {
	background: #E3F3E7;
	color: #1B5E20;
	border-color: #B7DFBE;
}

.exal-service-badge--credits {
	background: #FFF8E1;
	color: #856404;
	border-color: #FFE082;
}

.exal-service-badge--entitlement {
	background: #F3E5F5;
	color: #4A148C;
	border-color: #CE93D8;
}

.exal-service-badge__icon {
	font-size: 14px;
	line-height: 1;
}

/* Shop loop: rendi il badge più compatto */
ul.products .exal-service-badge,
.woocommerce-loop-product__title + .exal-service-badge {
	font-size: 12px;
	padding: 4px 10px;
}

/* Sprint 5o — Tutor LMS integration: badge nel listing /corsi/ + single course */
.tutor-course-list-item .exal-service-badge,
.tutor-course-loop .exal-service-badge,
.tutor-courses .exal-service-badge {
	margin: 8px 0;
	font-size: 12px;
	padding: 4px 10px;
}
.tutor-single-course .exal-service-badge {
	display: inline-flex;
	margin: 0 0 12px;
	font-size: 13px;
}

/* Cart line item: il badge sostituisce il prezzo, mantiene allineamento WC */
.woocommerce-cart .exal-service-badge {
	margin: 0;
}

/* Account page hub — sezione Bonus mensili Premium */
.exal-premium-bonus {
	background: linear-gradient(135deg, #4A148C 0%, #6A1B9A 100%);
	color: #fff;
	padding: 1.5rem;
	border-radius: 12px;
	margin: 1.5rem 0;
}
.exal-premium-bonus__title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 .5rem;
}
.exal-premium-bonus__remaining {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
}
.exal-premium-bonus__remaining .exal-premium-bonus__of {
	font-size: 1rem;
	font-weight: 500;
	opacity: .75;
}
.exal-premium-bonus__period {
	font-size: .85rem;
	opacity: .85;
	margin-top: .25rem;
}
.exal-premium-bonus__exhausted {
	color: #ffcdd2;
	font-weight: 600;
}