/* Merydar — Livraison au poids : bloc de suivi côté cliente. */
.mrd-liv-suivi-bloc {
	margin: 0 0 2rem !important;
	padding: 1.2rem 1.4rem !important;
	border: 1px solid #d8c9a8 !important;
	border-radius: 6px !important;
	background: #fdf8f0 !important;
}

.mrd-liv-suivi-bloc p { margin: 0 0 .6rem !important; }
.mrd-liv-suivi-bloc p:last-child { margin-bottom: 0 !important; }

.mrd-liv-suivi-bloc .mrd-liv-transporteur {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(1rem, 2.2vw, 1.15rem) !important;
	color: #2A4A3D !important;
}

.mrd-liv-suivi-bloc .mrd-liv-numero {
	display: inline-block !important;
	padding: .4rem .8rem !important;
	background: #ffffff !important;
	border: 1px dashed #b8a475 !important;
	border-radius: 4px !important;
	font-family: monospace !important;
	font-size: clamp(.95rem, 2.4vw, 1.05rem) !important;
	letter-spacing: .06em !important;
	user-select: all !important;
}

.mrd-liv-suivi-bloc .mrd-liv-lien:link,
.mrd-liv-suivi-bloc .mrd-liv-lien:visited,
.mrd-liv-suivi-bloc .mrd-liv-lien:hover,
.mrd-liv-suivi-bloc .mrd-liv-lien:focus,
.mrd-liv-suivi-bloc .mrd-liv-lien:active {
	color: #2A4A3D !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
}

/* ------------------------------------------------------------------ */
/* Aucun mode d'expédition disponible : le message de secours.         */
/* ------------------------------------------------------------------ */

.mrd-liv-secours {
	margin: 0 0 1.5rem !important;
	padding: 1.2rem 1.4rem !important;
	border: 1px solid #c9a227 !important;
	border-left-width: 4px !important;
	border-radius: 6px !important;
	background: #fdf8f0 !important;
	color: #2A4A3D !important;
}

/* WooCommerce pose parfois une icône sur .woocommerce-info : on la retire. */
.mrd-liv-secours.woocommerce-info::before { content: none !important; }

.mrd-liv-secours .mrd-liv-secours-texte {
	margin: 0 0 .9rem !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(1rem, 2.4vw, 1.15rem) !important;
	line-height: 1.55 !important;
	color: #2A4A3D !important;
}

.mrd-liv-secours .mrd-liv-secours-action { margin: 0 0 .5rem !important; }

/*
 * Le bouton.
 *
 * Elementor pose sur cette section une règle
 *   .elementor-60 .elementor-element-2d3b90b9 a { color: #2A4A3D !important }
 * qui repeint TOUS les liens en vert foncé. Se battre contre elle à coups de
 * spécificité est un combat qu'on reperd au prochain réglage d'Elementor.
 *
 * On fait donc l'inverse : on prend la couleur imposée pour ce qu'elle est —
 * le vert foncé — et on met le bouton sur fond crème. Le texte reste lisible
 * quoi qu'il arrive, même si notre propre couleur est écrasée.
 */
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:link,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:visited,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:hover,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:focus,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:active {
	display: inline-block !important;
	padding: .7rem 1.5rem !important;
	background: #FBD6BA !important;
	background-image: none !important;
	border: 2px solid #2A4A3D !important;
	border-radius: 4px !important;
	color: #2A4A3D !important;
	-webkit-text-fill-color: #2A4A3D !important;
	text-decoration: none !important;
	text-shadow: none !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(.95rem, 2.2vw, 1.05rem) !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	line-height: 1.3 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Un enfant éventuel (span injecté par un thème) ne doit rien réimposer. */
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien * {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
}

/* Au survol, on inverse — le contraste reste dans les deux sens. */
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:hover,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:focus {
	background: #2A4A3D !important;
	color: #FBD6BA !important;
	-webkit-text-fill-color: #FBD6BA !important;
}

.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:hover *,
.mrd-liv-secours p.mrd-liv-secours-action a.mrd-liv-secours-lien:focus * {
	color: #FBD6BA !important;
	-webkit-text-fill-color: #FBD6BA !important;
}

.mrd-liv-secours .mrd-liv-secours-adresse {
	margin: 0 !important;
	font-size: clamp(.85rem, 2vw, .95rem) !important;
	color: #5a6b62 !important;
	user-select: all !important;
}

.mrd-liv-secours--trop-grand { border-color: #b8720f !important; }

.mrd-liv-secours .mrd-liv-secours-compte {
	margin: 0 0 .9rem !important;
	padding: .5rem .8rem !important;
	background: #fff !important;
	border-left: 3px solid #c9a227 !important;
	border-radius: 3px !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(.95rem, 2.2vw, 1.05rem) !important;
	color: #2A4A3D !important;
}

/* Mention rassurante sous les modes de livraison. */
/* L ALIGNEMENT SE POSE SUR LE TEXTE, PAS SUR LA CELLULE.
 *
 * Ces deux lignes occupent toute la largeur du tableau : elles heritent donc
 * de l alignement de la colonne des montants, a droite dans le recapitulatif
 * de commande et centre dans le panier. Le meme texte se retrouvait cadre
 * differemment d une page a l autre, et a droite d un filet pose a gauche.
 *
 * La consigne est mise sur le texte lui-meme plutot que sur la cellule. Ce
 * n est pas un detail : la cellule est deja revendiquee par une regle
 * d Elementor, en !important et avec un identifiant, impossible a surpasser
 * sans ecrire le numero de la page dans le code de l extension. Le texte, lui,
 * n interesse personne : une regle simple suffit, et elle survivra a une
 * refonte de la page. */
.mrd-liv-offerte-mot,
.mrd-liv-mention-prix-texte { text-align: left; }

.mrd-liv-mention-prix td { padding-top: 0 !important; border-top: 0 !important; }
.mrd-liv-mention-prix-texte {
	display: block; margin: -4px 0 6px;
	font-size: .82em; line-height: 1.5; color: #6a6a6a;
}

/* ---------------------------------------------------------------------
 * La livraison offerte, et ce qu'on en dit
 * ------------------------------------------------------------------ */

.mrd-liv-offerte td {
	padding-top: 4px !important;
	border-top: 0 !important;
}

.mrd-liv-offerte-mot {
	display: block;
	padding: 9px 12px;
	background: #F3EFE6;
	border-left: 3px solid #2A4A3D;
	border-radius: 3px;
	font-size: 0.86em;
	line-height: 1.45;
}

.mrd-liv-precision {
	display: block;
	margin-top: 2px;
	font-size: 0.82em;
	opacity: 0.78;
}

.mrd-liv-offerte-page {
	padding: 12px 16px;
	background: #F3EFE6;
	border-left: 3px solid #2A4A3D;
	border-radius: 3px;
}

/* L'ANNONCE : « votre facture viendra au départ du colis ».
 *
 * Volontairement plus discrète que le bloc de suivi — c'est une information
 * d'attente, pas une nouvelle. Un filet à gauche plutôt qu'un cadre complet :
 * elle se lit, elle ne réclame pas. */
.mrd-liv-annonce-facture {
	margin: 0 0 1.6rem !important;
	padding: .2rem 0 .2rem 1rem !important;
	border-left: 3px solid #d8c9a8 !important;
	font-style: italic !important;
	opacity: .85 !important;
}

.mrd-liv-annonce-facture p { margin: 0 !important; }
