/*
 * Le delai sous le nom du transporteur.
 * ---------------------------------------------------------------------------
 * Aucune couleur nouvelle : les jetons de la charte, et rien d'autre.
 *
 * POURQUOI CES TROIS REGLES SONT NECESSAIRES.
 *
 * Le theme dispose chaque mode de livraison sur une seule ligne souple, sans
 * retour a la ligne. Le delai devenait alors un troisieme element sur cette
 * ligne, comprime a cent cinquante pixels dans une colonne qui en fait trois
 * cent trente : le nom du transporteur, son prix et son delai se chevauchaient.
 *
 * On autorise donc le retour a la ligne, et on donne au delai toute la largeur.
 * Le nom et le prix restent ensemble sur la premiere ligne, le delai passe
 * dessous.
 */

.rl-delai {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 400;
	color: var(--rn-gris, #6B7089);
}

#shipping_method li label,
.woocommerce-shipping-methods li label {
	flex-wrap: wrap;
	align-items: baseline;
}

#shipping_method li .rl-delai,
.woocommerce-shipping-methods li .rl-delai {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

#shipping_method li,
.woocommerce-shipping-methods li {
	margin-bottom: 12px;
}

/*
 * Le bouton radio du theme est dessine en pseudo-element, cale au milieu de la
 * hauteur. Sur une ligne unique il tombait juste ; sous un delai de trois
 * lignes il se retrouvait au milieu du texte. On le remonte en face du nom du
 * transporteur, et seulement la ou un delai est affiche : partout ailleurs le
 * theme garde son centrage.
 */
#shipping_method li label:has(.rl-delai)::before,
.woocommerce-shipping-methods li label:has(.rl-delai)::before {
	top: 3px;
	transform: none;
}