/*
 * Encart « Réserver » d'une page produit (24/09/2026, Frontend\ProductBookingBlock).
 * Couleurs autonomes (le plugin ne dépend pas du thème) alignées sur la
 * charte du tunnel : bouton primaire #A5661F / blanc (≈ 4,6:1), survol #8A5419.
 * Un thème peut surcharger les variables sur `.par-product-booking`.
 */
.par-product-booking {
	--par-accent-dark: #A5661F;
	--par-accent-hover: #8A5419;
	--par-ink: #2C2C2C;
	--par-ink-soft: #6B6660;
	--par-line: #E4DCD0;
	box-sizing: border-box;
	border: 1px solid var(--par-line);
	border-radius: 14px;
	padding: 20px;
	margin: 24px 0;
	background: #fff;
	color: var(--par-ink);
}
.par-product-booking p { margin: 0 0 10px; }
.par-product-booking-price { font-size: 15px; }
.par-product-booking-price strong { font-size: 22px; }
.par-product-booking-reference { color: var(--par-ink-soft); margin-right: 4px; }
.par-product-booking-example { font-size: 14px; color: var(--par-ink-soft); }
.par-product-booking-options { font-size: 14px; color: var(--par-ink-soft); }
.par-product-booking-btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 9px;
	background: var(--par-accent-dark);
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-decoration: none !important;
	margin: 4px 0 10px;
}
.par-product-booking-btn:hover { background: var(--par-accent-hover); }
.par-product-booking-btn:focus-visible { outline: 2px solid var(--par-accent-dark); outline-offset: 2px; }
.par-product-booking-note { font-size: 12.5px; color: var(--par-ink-soft); margin-bottom: 0 !important; }
/* Prix ½ journée / 1 jour / 6 jours (domaine ski, 06/10/2026). */
.par-product-booking-prices {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}
.par-product-booking-prices li {
	flex: 1 1 90px;
	border: 1px solid var(--par-line);
	border-radius: 9px;
	padding: 8px 10px;
	text-align: center;
	margin: 0;
}
.par-product-booking-duration { display: block; font-size: 13px; color: var(--par-ink-soft); }
.par-product-booking-amounts { display: block; font-size: 14px; }
.par-product-booking-amounts strong { font-size: 18px; }