/* B.EASE — Tarif dégressif : bloc fiche produit (CRO).
   Sobre : seuls le prix /pièce dynamique et le nudge sont mis en avant ;
   la grille est une table de référence discrète (pas de pavés). */
.bease-tiers-block {
	margin: 12px 0 0;
	padding: 10px 12px;
	border: 1px solid #e7ebf0;
	border-radius: 10px;
	background: #fbfcfd;
}

/* — Éléments mis en avant : prix /pièce + nudge — */
.bease-tiers-head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}
.bease-tiers-unit {
	font-size: 1.2rem;
	font-weight: 700;
	color: #0f172a;
}
.bease-tiers-was {
	text-decoration: line-through;
	color: #94a3b8;
	font-size: .9rem;
}
.bease-tiers-badge {
	background: #dc2626;
	color: #fff;
	font-weight: 700;
	font-size: .75rem;
	padding: 1px 7px;
	border-radius: 999px;
}
.bease-tiers-nudge {
	margin-top: 4px;
	font-size: .85rem;
	color: #1e293b;
}
.bease-tiers-progress {
	margin: 5px 0 6px;
	height: 4px;
	background: #e7ebf0;
	border-radius: 999px;
	overflow: hidden;
}
.bease-tiers-progress-bar {
	height: 100%;
	width: 0;
	background: linear-gradient( 90deg, #22c55e, #16a34a );
	transition: width .25s ease;
}

/* — Grille de référence sobre —
   Préfixe .bease-tiers-block + !important : le thème/Blocksy impose sinon
   un td à 16px / padding 11px et un prix à 21px (lignes de ~58px). */
.bease-tiers-block .bease-tiers-grid {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
.bease-tiers-block .bease-tiers-grid tr {
	border-bottom: 1px solid #eef2f7;
}
.bease-tiers-block .bease-tiers-grid tr:last-child {
	border-bottom: 0;
}
.bease-tiers-block .bease-tiers-grid td {
	padding: 2px 4px !important;
	font-size: .82rem !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	color: #475569;
}
.bease-tiers-block .bease-tiers-grid td.bt-qty {
	text-align: left;
}
.bease-tiers-block .bease-tiers-grid td.bt-price {
	text-align: right;
	font-weight: 400 !important;
	color: #334155;
}
/* Neutralise la pilule noire globale des prix WC + remet une taille texte normale. */
.bease-tiers-block .bease-tiers-grid td.bt-price .woocommerce-Price-amount,
.bease-tiers-block .bease-tiers-grid td.bt-price .amount {
	background: none !important;
	color: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	font-size: .82rem !important;
	line-height: 1.25 !important;
	font-weight: inherit !important;
	box-shadow: none !important;
	/* La règle pilule globale pose position:relative + top pour centrer le texte
	   dans la pastille noire ; sans la pastille, ça décalait le prix d'une ligne. */
	position: static !important;
	top: auto !important;
	vertical-align: baseline !important;
}
/* Palier actif : simple surlignage léger. */
.bease-tiers-block .bease-tiers-grid tr.bt-active {
	background: #f0fdf4;
}
.bease-tiers-block .bease-tiers-grid tr.bt-active td {
	color: #047857;
	font-weight: 600 !important;
}

/* — Total — */
.bease-tiers-total {
	margin-top: 6px;
	font-size: .9rem;
	color: #0f172a;
}
.bease-tiers-total .bt-save {
	color: #16a34a;
	font-size: .8rem;
	font-weight: 600;
}