/**
 * Deliberately light: the page builder keeps control of typography and
 * colours. Handled here: the shared column grid, table legibility, and
 * horizontal scrolling on narrow screens.
 */

.bpg-grids {
    --bpg-accent: #e1334d;
    --bpg-border: rgba(0, 0, 0, .12);
    --bpg-zebra: rgba(0, 0, 0, .03);
    --bpg-section-bg: rgba(0, 0, 0, .05);

    /* Width of the duration column, shared by every section. */
    --bpg-duration-col: 11rem;
}

.bpg-grids__scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/*
 * Fixed layout is what makes the columns identical from one aircraft to the
 * next: the duration column takes its declared width, and the remaining space
 * is split evenly between the price columns.
 */
.bpg-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-variant-numeric: tabular-nums;
}

.bpg-table__col--duration {
    width: var(--bpg-duration-col);
}

.bpg-table th,
.bpg-table td {
    padding: .55rem .8rem;
    border: 1px solid var(--bpg-border);
    text-align: center;
    white-space: nowrap;
}

.bpg-table thead th {
    font-size: .85em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.bpg-table__duration-head,
.bpg-table__duration {
    text-align: left;
}

/* Aircraft name, spanning the full width of the table. */
.bpg-table__section-head th {
    text-align: left;
    background: var(--bpg-section-bg);
    font-size: 1.2em;
    font-weight: 700;
}

.bpg-table__section tr:nth-child(even) {
    background: var(--bpg-zebra);
}

.bpg-table__duration {
    font-weight: 600;
}

.bpg-table__flight-time {
    display: block;
    font-size: 1.1em;
}

.bpg-table__briefing {
    display: block;
    font-size: .8em;
    font-weight: 400;
    opacity: .7;
}

.bpg-table__price {
    text-decoration: none;
    color: inherit;
}

a.bpg-table__price:hover,
a.bpg-table__price:focus {
    color: var(--bpg-accent);
    text-decoration: underline;
}

.bpg-table__empty {
    opacity: .3;
}

/* Below this width the duration column would starve the price columns. */
@media (max-width: 48rem) {
    .bpg-grids {
        --bpg-duration-col: 8rem;
    }

    .bpg-table th,
    .bpg-table td {
        padding: .45rem .5rem;
    }
}

/* Aircraft name and capacity note, in the section header row. */
.bpg-table__aircraft {
    display: block;
}

.bpg-table__note {
    display: block;
    margin-top: .2rem;
    max-width: 62ch;
    font-size: .8em;
    font-weight: 400;
    line-height: 1.4;
    white-space: normal;
    opacity: .75;
}

.e-con.e-flex>.e-con-inner {
    margin-top: 40px;
}