/**
 * Release Reservations: members' page.
 *
 * The cards themselves are styled by the child theme's vd-product-card.css;
 * this only lays out the reservation and the quantity row under each card.
 * Colours and spacing use the Advanced Themer tokens, with fallbacks.
 */

.vd-rr-release + .vd-rr-release {
	margin-top: var(--at-space--xl, 4rem);
	padding-top: var(--at-space--xl, 4rem);
	border-top: 2px solid var(--secondary, #c9a96e);
}

.vd-rr-release__closes {
	font-weight: 600;
}

.vd-rr-release__overview {
	max-width: 70ch;
	margin-bottom: var(--at-space--l, 2.5rem);
}

/* Section heading before the cards, centred as in the prototype. */
.vd-rr-release .gsection.vd-rr-section {
	border-bottom: 0;
	text-align: center;
	margin-top: var(--at-space--l, 2.5rem);
}

/* --- card + quantity -------------------------------------------------- */

.vd-rr-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vd-rr-card .product-card {
	flex: 1 1 auto;
}

.vd-rr-card--unlinked .product-card a {
	pointer-events: none;
	cursor: default;
}

.vd-rr-card__qty {
	border-bottom: 2px solid var(--secondary, #c9a96e);
	padding: var(--at-space--2xs, 0.5rem) 0;
}

/* The card already shows the bottling's name; keep the label for screen readers. */
.vd-rr-card__qty .gfield_label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.vd-rr-card__qty .ginput_container_number input {
	width: 4.5em !important;
	text-align: center;
}

.vd-rr-card__qty .gfield_description {
	font-size: var(--at-text--xs, 0.8rem);
	padding-top: 0.25em;
}

.vd-rr-blocked,
.vd-rr-list--empty {
	padding: var(--at-space--m, 1.5rem);
	border: 1px solid var(--secondary, #c9a96e);
}