/**
 * Le bloc de dates, en tête de boutique.
 *
 * Il doit se remarquer sans écraser le catalogue : c'est une porte, pas une
 * bannière. Il reprend les couleurs de Comptoir pour rester chez le
 * commerçant, pas chez nous.
 */
.locstock-dates {
	margin: 0 0 24px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--cq-border, #e3e0da);
	border-left: 4px solid var(--cq-primary, #b5651d);
	border-radius: 10px;
}
.locstock-dates h3 { margin: 0 0 6px; font-size: 1.15rem; }
.locstock-why { margin: 0 0 14px; font-size: .92rem; line-height: 1.5; opacity: .8; max-width: 62ch; }
.locstock-dates-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.locstock-dates-row label { display: flex; flex-direction: column; gap: 5px; font-size: .85rem; font-weight: 600; }
.locstock-dates-row input[type="date"] {
	min-height: 46px; padding: 8px 12px; font-size: 1rem; font-family: inherit;
	border: 1px solid var(--cq-border, #ccc6ba); border-radius: 8px;
}
.locstock-go, .locstock-change {
	min-height: 46px; padding: 0 20px; border: 0; border-radius: 8px; cursor: pointer;
	background: var(--cq-primary, #b5651d); color: #fff; font-weight: 700; font-size: .95rem; font-family: inherit;
}
.locstock-go[disabled] { opacity: .6; cursor: default; }
.locstock-change { min-height: 34px; padding: 0 12px; font-size: .8rem; background: transparent;
	color: inherit; text-decoration: underline; font-weight: 600; }
.locstock-dates-done { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; }
.locstock-dates-done strong { font-size: .85rem; text-transform: none; opacity: .7; }
.locstock-dates-done span { font-size: 1.05rem; font-weight: 700; }
.locstock-err { margin: 10px 0 0; color: #b3261e; font-size: .9rem; font-weight: 600; }

/* Disponibilité annoncée sur chaque article. */
.locstock-dispo { display: inline-block; margin-top: 6px; font-size: .8rem; font-weight: 700; }
.locstock-dispo.est-ok { color: #2e7d32; }
.locstock-dispo.est-juste { color: #b26a00; }
.locstock-dispo.est-non { color: #b3261e; }

@media (max-width: 560px) {
	.locstock-dates-row { flex-direction: column; align-items: stretch; }
	.locstock-go { width: 100%; }
}

/* Majoration annoncée à côté du prix : lisible sans crier. Un prix majoré
   dont la raison se cache est un prix que le client refuse. */
.locstock-majoration {
	display: block;
	margin-top: 2px;
	font-size: 11.5px;
	line-height: 1.35;
	opacity: .78;
}
.locstock-saison {
	margin: 6px 0 0;
	font-size: 13px;
	opacity: .85;
}

/* Les vrais jours de remise et de reprise. Volontairement distincts des
   dates de l'événement : ce sont deux informations, et les confondre ferait
   croire que la location a été rallongée. */
.locstock-jours-reels {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.4;
}