/**
 * Date de livraison estimée : lignes sous les modes (panier, commande) et encadré de la
 * fiche produit (voir inc/delivery-estimate.php). Maquettes validées le 21/10/2026.
 *
 * Bleu #1D4FD8 pour le texte et les icônes (contraste 6,7:1), #6699FF réservé aux
 * filets et aux boutons du site.
 */

/* Ligne sous un mode de livraison. */
.uc-eta {
	display: flex;
	gap: 7px;
	align-items: flex-start;
	clear: both; /* sous le prix, quand le libellé du mode passe sur deux lignes et le fait descendre */
	margin: 3px 0 6px 26px;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 400;
	color: #3f3f46;
	text-align: left;
}

.uc-eta svg {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	color: #1d4fd8;
}

.uc-eta strong {
	color: #0a0a0b;
	font-weight: 600;
}

/* Le mode choisi passe à l'encre, les autres restent en retrait. */
li:has(> input.shipping_method:checked) > .uc-eta {
	color: #0a0a0b;
}

.uc-eta__body {
	flex: 1 1 auto;
	min-width: 0;
}

.uc-eta__txt,
.uc-eta__note,
.uc-eta__alert {
	display: block;
}

.uc-eta__note {
	margin-top: 1px;
	font-size: 12.5px;
	line-height: 1.4;
	color: #52525b;
}

.uc-eta--warn .uc-eta__note {
	color: #7a2e0e;
}

/* Congés du relais : encadré orange, avec le lien vers la liste des relais. */
.uc-eta__alert {
	margin-top: 5px;
	padding: 7px 9px;
	border: 1px solid #fbd5b5;
	border-radius: 4px;
	background: #fff7ed;
	color: #7a2e0e;
	font-size: 12.5px;
	line-height: 1.4;
}

.uc-eta__alert strong {
	color: #7a2e0e;
}

.uc-eta__alert a {
	color: #1d4fd8;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Panier : colonne plus étroite. */
.woocommerce-cart .uc-eta {
	margin-left: 22px;
}

/* « Comment est calculée cette date ? » : un seul bouton sous la liste. */
.uc-eta-wrap {
	margin-left: 0;
}

.uc-eta-how {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 24px;
	margin: 6px 0 2px;
	padding: 2px 0;
	font-size: 13px;
	line-height: 1.4;
	color: #1d4fd8;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.uc-eta-how:focus-visible {
	outline: 2px solid #1d4fd8;
	outline-offset: 2px;
	border-radius: 2px;
}

.uc-eta-how svg {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}

.uc-eta-how .uc-eta-how__chev {
	width: 12px;
	height: 12px;
	flex-basis: 12px;
	transition: transform 0.15s;
}

.uc-eta-how[aria-expanded="true"] .uc-eta-how__chev {
	transform: rotate(180deg);
}

.uc-eta-detail {
	margin: 4px 0 8px;
	padding: 12px 14px;
	border: 1px solid #e4e4e7;
	border-left: 3px solid #6699ff;
	border-radius: 4px;
	background: #fff;
	font-size: 13px;
	line-height: 1.5;
	color: #0a0a0b;
	text-align: left;
}

/* Le thème force display:none sur [hidden] ; on le redit pour être sûr de passer devant. */
.uc-eta-detail[hidden],
.uc-pdp-eta[hidden] {
	display: none;
}

.uc-eta-detail p {
	margin: 0 0 6px;
	font-weight: 600;
}

.uc-eta-detail ul {
	margin: 0;
	padding: 0 0 0 18px;
	list-style: disc;
}

.uc-eta-detail li {
	margin: 0 0 5px;
	padding: 0;
	border: 0;
	list-style: disc;
}

.uc-eta-detail li:last-child {
	margin-bottom: 0;
}

/* Fiche produit : encadré sous le bouton d'ajout au panier. */
.uc-pdp-eta {
	display: grid;
	grid-template-columns: 22px 1fr;
	column-gap: 10px;
	row-gap: 2px;
	margin: 14px 0 4px;
	padding: 12px 14px;
	border: 1px solid #e4e4e7;
	border-radius: 6px;
	background: #fff;
	font-size: 14px;
	line-height: 1.45;
	color: #0a0a0b;
}

.uc-pdp-eta > svg {
	grid-row: span 2;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	color: #1d4fd8;
}

.uc-pdp-eta__main strong {
	font-weight: 600;
}

.uc-pdp-eta__sub {
	font-size: 13px;
	color: #52525b;
}

.uc-pdp-eta__sub strong {
	color: #1d4fd8;
	font-weight: 600;
}

.uc-pdp-eta .uc-eta-wrap {
	display: contents;
}

.uc-pdp-eta .uc-eta-how {
	grid-column: 2;
	justify-self: start;
	margin: 2px 0 0;
}

.uc-pdp-eta .uc-eta-detail {
	grid-column: 1 / -1;
	margin-top: 8px;
}

@media (prefers-reduced-motion: reduce) {
	.uc-eta-how .uc-eta-how__chev {
		transition: none;
	}
}