/**
 * V11 reservation widget layout fix (enqueued at priority 100 — after every other sheet).
 *
 * Defect C — the two LibroReserve booking widgets rendered clipped and crammed into a
 * narrow left column with the right half of the section empty.
 *
 * Root cause: two competing definitions of `.latoxica-reservation-grid`. The intended
 * V11 layout (reservation-redesign.css) keeps the SECTION a plain block and makes the
 * inner `.latoxica-wrap--wide` the two-card grid. But v10-reservation-widget.css also
 * declares `.latoxica-reservation-grid { display:grid; grid-template-columns:repeat(2,1fr) }`,
 * which wins and turns the SECTION into a 2-column grid. The markup has a single
 * `.latoxica-wrap--wide` child, so it lands in one section column (collapsing to ~484px)
 * while the second column stays empty — and the wrap's own 2-col grid then squeezes each
 * card into ~220px, clipping its ~355px booking iframe via `overflow:hidden`.
 *
 * Fix: flatten the section back to a block so the wrap fills the full content width and
 * lays the two cards side by side, each wide enough to show its booking iframe uncropped.
 * Sealed-sheet discipline: new sheet, no edits to the V10 or redesign sheets.
 */

.latoxica-reservation-grid {
    display: block !important;
    max-width: 1280px;
    margin-inline: auto;
}

.latoxica-reservation-grid .latoxica-wrap--wide {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(1.5rem, 3vw, 2.5rem) !important;
    width: 100% !important;
    max-width: none !important;
    align-items: stretch;
}

/* Card fills its column; never clip the booking widget. */
.latoxica-reservation-grid .latoxica-reservation-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    overflow: visible !important;
}

.latoxica-reservation-grid .latoxica-reservation-card .latoxica-button--ghost {
    white-space: normal;
    line-height: 1.25;
}

/* Chooser shares the card grid so each pill sits over the card it links to. */
.latoxica-reservation-grid .latoxica-loc-chooser {
    grid-column: 1 / -1;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}

.latoxica-reservation-grid .latoxica-loc-chooser__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.latoxica-reservation-grid .latoxica-loc-chooser__btn {
    justify-self: center;
}

@media (max-width: 1024px) {
    .latoxica-reservation-grid .latoxica-loc-chooser__buttons {
        grid-template-columns: 1fr;
    }
}

.latoxica-reservation-card__media-stack,
.latoxica-reservation-card__widget {
    width: 100% !important;
}

.latoxica-reservation-card__widget iframe,
.latoxica-reservation-card iframe[src*="libroreserve"] {
    width: 100% !important;
    min-width: 0 !important;
}

/* Stack the two locations on tablet / mobile. */
@media (max-width: 1024px) {
    .latoxica-reservation-grid .latoxica-wrap--wide {
        grid-template-columns: 1fr !important;
    }
}