/* Publication site (cyclesgemini.fr) — compact, legible sizing for labels and controls.
   Scoped to the publication layout so it never leaks into the root or private sites. */

.layout-public {
    font-size: 0.9rem;
}

.layout-public main.container-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-width: 820px;
}

/* Cards: tighter headers and bodies to cut vertical scrolling. */
.layout-public .card {
    margin-bottom: 0.6rem;
}

.layout-public .card-header {
    padding: 0.4rem 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
}

.layout-public .card-body {
    padding: 0.65rem 0.8rem;
}

/* Labels and inputs: smaller, less spacing, still readable. */
.layout-public .form-label {
    margin-bottom: 0.15rem;
    font-size: 0.8rem;
    font-weight: 500;
}

.layout-public .form-control,
.layout-public .form-select {
    font-size: 0.85rem;
}

.layout-public .form-check-label {
    font-size: 0.85rem;
}

/* Tighten default grid gutters used across the checkout. */
.layout-public .row {
    --bs-gutter-y: 0.4rem;
}

.layout-public hr {
    margin: 0.4rem 0;
}

/* Checkout item/options table. */
.layout-public .checkout-items {
    font-size: 0.85rem;
    table-layout: fixed;
}

.layout-public .checkout-price-column {
    width: 6.5rem;
}

.layout-public .checkout-quantity-column {
    width: 5rem;
}

.layout-public .checkout-total-column {
    width: 5.25rem;
}

.layout-public .checkout-items td:first-child {
    overflow-wrap: anywhere;
}

.layout-public .checkout-items .text-nowrap {
    font-variant-numeric: tabular-nums;
}

.layout-public .checkout-items th,
.layout-public .checkout-items td {
    padding: 0.3rem 0.4rem;
    vertical-align: middle;
}

.layout-public .checkout-items .line-qty {
    width: 4.2rem;
    margin-left: auto;
}

/* Totals sit at the bottom of the summary's right column; the zone selector sits above them. */
.layout-public .checkout-totals {
    font-size: 0.9rem;
}

/* Destination label mirrors the bold table column headers and lines up with the header row. */
.layout-public .checkout-aside-header {
    font-size: 0.875em;
    font-weight: 700;
    color: var(--bs-secondary-color, #6c757d);
    padding-top: 0.3rem;
}

/* Add breathing room (and a subtle divider) between the items table and the summary aside. */
@media (min-width: 992px) {
    .layout-public .checkout-summary-aside {
        padding-left: 1.5rem;
        border-left: 1px solid var(--bs-border-color, #dee2e6);
    }
}

.layout-public #zoneCountriesHint {
    font-size: 0.72rem;
    line-height: 1.2;
    color: var(--bs-secondary-color, #6c757d);
}

/* Mollie hosted-field wrappers stay comfortable to click/type in. */
.layout-public #mollie-card-holder,
.layout-public #mollie-card-number,
.layout-public #mollie-expiry-date,
.layout-public #mollie-verification-code {
    min-height: 2rem;
}