/**
 * Styles Frontend — Badges de Disponibilité & Stickers Ateliers Lysac
 * Design hybride harmonisé Lysac, zéro emoji, micro-SVGs vectoriels.
 */

/* Sticker "Nouveauté" sur le coin haut-droit de la photo produit */
ul.products li.product {
	position: relative;
}

.lysac-sticker-new {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
	background-color: #a0b9ba;
	color: #ffffff;
	font-family: 'Pompiere', sans-serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 3px 12px;
	border-radius: 3px;
	line-height: 1.25;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	pointer-events: none;
}

/* Dédoublonnage Fiche Produit : masquage du p.stock natif WooCommerce et de tout bandeau compact redondant */
body.single-product div.product .summary p.stock,
body.single-product div.product .et_pb_wc_add_to_cart p.stock,
body.single-product .alpm-delais-compact {
	display: none !important;
}

/* Fiche produit individuelle */
.lysac-badge-wrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 14px 0 18px 0;
}

.lysac-badge-pills-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.lysac-badge-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: 'Pompiere', Arial, sans-serif;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.4px;
	width: fit-content;
	line-height: 1.25;
}

.lysac-badge-pill .lysac-svg-icon {
	flex-shrink: 0;
}

.lysac-badge-detail {
	font-family: 'Pompiere', Arial, sans-serif;
	font-size: 18px;
	color: #5e7878;
	padding-left: 4px;
	font-style: italic;
	font-weight: 600;
}

/* Pill Nouveauté sur fiche produit */
.pill-new {
	background-color: #a0b9ba;
	color: #ffffff;
	font-family: 'Pompiere', sans-serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 4px 12px;
}

/* Badge Disponible / En Stock (Vert Sauge Lysac à fort contraste) */
.pill-green {
	background-color: #e3f1ec;
	color: #164e3f;
	border: 1px solid #9fd4c0;
}

/* Badge Sur Commande (Rose Poudré / Terracotta Lysac à fort contraste) */
.pill-amber {
	background-color: #fae8e6;
	color: #7a2e26;
	border: 1px solid #ebbfb9;
}

/* Badge Avec autre tissu sur commande (Ardoise / Sauge #5e7878) */
.pill-slate {
	background-color: #f1f5f5;
	color: #5e7878;
	border: 1px solid #a0b9ba;
}

/* Badges centrés sous le titre dans les grilles produits (même typo Pompiere que la fiche produit) */
.lysac-loop-badge-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 6px 0 8px 0;
}

.lysac-loop-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: 'Pompiere', Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 0.4px !important;
	padding: 4px 13px;
	border-radius: 999px;
	line-height: 1.25;
	width: fit-content;
	text-align: center;
}

.lysac-loop-badge .lysac-svg-icon {
	flex-shrink: 0;
}

.lysac-loop-badge.badge-stock {
	background-color: #e3f1ec;
	color: #164e3f;
	border: 1px solid #9fd4c0;
}

.lysac-loop-badge.badge-custom {
	background-color: #fae8e6;
	color: #7a2e26;
	border: 1px solid #ebbfb9;
}

.lysac-loop-badge.badge-outofstock {
	background-color: #f1f5f5;
	color: #5e7878;
	border: 1px solid #a0b9ba;
}

/* Réassurance Checkout */
.lysac-checkout-reassurance {
	margin-top: 18px;
	padding: 14px 16px;
	background-color: #f7faf9;
	border: 1px solid #cadfd5;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lysac-checkout-reassurance .reassurance-item {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 0.84rem;
	color: #243635;
	font-weight: 500;
}

.lysac-checkout-reassurance .reassurance-item .lysac-svg-icon {
	color: #3d5756;
	flex-shrink: 0;
}