/* ==========================================================================
   Anticafrica — fiche produit (brief v5 + corrections du 20/07/2026)
   ========================================================================== */

:root {
	--antc-encre: #172640;
	--antc-gris: #6b7280;
	--antc-trait: #e5e7eb;
	--antc-fond: #f7f7f5;
	--antc-vert-wa: #25d366;
	--antc-vert-wa-fonce: #1da851;
}

/* --- 1 & 2. Bandeau de livraison : encadre, fond leger ------------------- */
.antc-bandeau-livraison {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .25em;
	margin: 14px 0 16px;
	padding: 11px 14px;
	background: var(--antc-fond);
	border: 1px solid var(--antc-trait);
	border-radius: 4px;
	font-size: .95rem;
	line-height: 1.45;
	color: var(--antc-encre);
}
.antc-bandeau-livraison .antc-sep { color: var(--antc-gris); }
.antc-bandeau-livraison strong { font-weight: 600; }

/* --- 3. Bouton WhatsApp -------------------------------------------------- */
.antc-whatsapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 18px;
	padding: 13px 20px;
	background: var(--antc-vert-wa);
	color: #fff !important;
	border-radius: 4px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1;
	text-decoration: none !important;
	transition: background .15s ease;
}
.antc-whatsapp:hover,
.antc-whatsapp:focus { background: var(--antc-vert-wa-fonce); color: #fff !important; }
.antc-whatsapp-ico { flex: 0 0 auto; }

/* --- 4. Reassurance : trois pictogrammes sur une ligne ------------------- */
.antc-reassurance {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none !important;
}
.antc-reassurance-item {
	display: flex;
	align-items: center;
	gap: .5em;
	flex: 1 1 150px;
	margin: 0;
	padding: 0;
	font-size: .82rem;
	line-height: 1.3;
	color: var(--antc-gris);
	list-style: none;
}
.antc-reassurance-item::before { content: none !important; }
.antc-picto { flex: 0 0 auto; color: var(--antc-encre); opacity: .75; }

/* --- 5. Prix et bouton d'achat absents : on replie l'espace -------------- */
body.antc-sans-prix .column_product_price,
body.antc-sans-prix .column_product_cart_button { display: none !important; }

/* Ceinture et bretelles : si la classe de corps n'est pas posee (page mise
   en cache par exemple), on replie sur le contenu reellement vide. */
.mcb-column:has(> .mcb-column-inner > .price:empty),
.mcb-column:has(> .mcb-column-inner > .mfn-product-add-to-cart:empty) { display: none; }

/* --- 6. Titre de section : mention discrete, plus petite que le corps ---- */
.antc-blocs-produit .antc-titre-section,
.antc-blocs-produit h4.antc-titre-section {
	margin: 26px 0 6px;
	font-size: .72rem !important;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--antc-gris);
	line-height: 1.4;
}
.antc-blocs-produit .antc-titre-section::after { content: none; }

/* --- Blocs de contenu --------------------------------------------------- */
.antc-blocs-produit { margin-top: 26px; }
.antc-blocs-produit p { margin: 0 0 .9em; line-height: 1.65; }
.antc-blocs-produit .antc-bloc + .antc-bloc { margin-top: 4px; }
.antc-symbolique em { color: var(--antc-gris); font-size: .86rem; line-height: 1.5; display: block; margin-top: .6em; }

/* Ligne de donnees */
.antc-ligne-donnees {
	margin: 20px 0 8px;
	padding-top: 14px;
	border-top: 1px solid var(--antc-trait);
	font-size: .88rem;
	line-height: 1.7;
	color: var(--antc-encre);
}
.antc-ligne-donnees .antc-donnee-cle { color: var(--antc-gris); }
.antc-ligne-donnees .antc-sep { color: var(--antc-trait); padding: 0 .15em; }

/* Ligne de pied : italique, plus petite que le corps */
.antc-ligne-pied {
	margin: 0 0 6px;
	font-size: .78rem;
	line-height: 1.5;
	color: var(--antc-gris);
}
.antc-ligne-pied em { font-style: italic; }

/* --- Bande de site sous la fiche ---------------------------------------- */
.antc-bande-site {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 28px 44px;
	margin: 40px 0 10px;
	padding-top: 28px;
	border-top: 1px solid var(--antc-trait);
}
.antc-bande-titre {
	margin: 0 0 10px;
	font-size: .72rem !important;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--antc-gris);
}
.antc-bande-site p { margin: 0 0 .8em; font-size: .9rem; line-height: 1.6; }

/* --- Casse des titres : validee le 20/07/2026 ---------------------------
   La mise en capitales a ete retiree a la SOURCE (attribut css_title_typography
   du modele 190), et non neutralisee ici. Rien a surcharger.                */

/* --- Mobile -------------------------------------------------------------- */
@media (max-width: 767px) {
	.antc-reassurance-item { flex: 1 1 100%; }
	.antc-bandeau-livraison { font-size: .9rem; }
}

/* --- Donnees produit : paires cle/valeur empilees -----------------------
   Rendu systematique, sans seuil de bascule : deux mises en page selon la
   longueur du texte desorienteraient un client qui compare deux pieces.
   Trafic tres majoritairement mobile (in-app TikTok / WhatsApp).           */
.antc-donnees {
	margin: 20px 0 10px;
	padding-top: 14px;
	border-top: 1px solid var(--antc-trait);
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 6px 18px;
	font-size: .88rem;
	line-height: 1.55;
}
.antc-donnees .antc-donnee-cle {
	margin: 0;
	color: var(--antc-gris);
	font-weight: 500;
	white-space: nowrap;
}
.antc-donnees .antc-donnee-val {
	margin: 0;
	color: var(--antc-encre);
}
@media (max-width: 520px) {
	/* Sous 520 px, la colonne de valeurs devient trop etroite : on repasse
	   la cle au-dessus de sa valeur plutot que de casser les mots. */
	.antc-donnees { grid-template-columns: 1fr; gap: 2px 0; }
	.antc-donnees .antc-donnee-val { margin-bottom: 8px; }
}

/* --- Pied de page : liens sociaux -------------------------------------- */
.antc-reseaux { margin: 0; padding: 0; list-style: none !important; }
.antc-reseau-item { margin: 0 0 10px; padding: 0; list-style: none; }
.antc-reseau-item::before { content: none !important; }
.antc-reseau {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	text-decoration: none !important;
	font-size: .9rem;
	line-height: 1.2;
	opacity: .85;
	transition: opacity .15s ease;
}
.antc-reseau:hover, .antc-reseau:focus { opacity: 1; }
.antc-reseau-ico { flex: 0 0 auto; }