/* =========================================================================
   ROUND 15 — the Prijatie band. DECIDED: A, "Dvere".

   B ("Rozcestník", three routes on a rule) and C ("Podmienky a cesty", the
   whole subject) are gone, and their CSS with them. See
   resources/views/dev/prijatie/band.blade.php for why the shortest one won.

   THE CONSTRAINT THE ROUND HELD CONSTANT, worth keeping when this band is
   next touched: no white card anywhere in it. By the time a reader reaches
   Prijatie the page has already spent sheets on prvé kroky, on the izby
   captions and on the služby; a fourth grid of three rectangles is the shape
   the page reaches for when it has stopped thinking, and it is the most
   likely reason two earlier rounds of this band were rejected before the copy
   was ever the problem. Separation here is done with rules and space.
   ========================================================================= */


/* --------------------------------------------------------------------------
   The two rates.

   This is the .figs grammar (serif figure, mono label, hairline between) at
   two columns instead of three, and it is deliberately NOT .figs: those three
   numbers are facts about the house, these two are prices, and a price wants
   its condition ABOVE the figure so the eye reads which of the two applies
   before it reads the amount rather than after it.
   -------------------------------------------------------------------------- */

.prj-rates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 54rem;
    margin: 0 auto;
    padding: 2.25rem 0 2.5rem;
}

.prj-rate {
    position: relative;
    text-align: center;
    padding-inline: clamp(1rem, 3vw, 2.5rem);
}

.prj-rate + .prj-rate::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8%;
    height: 84%;
    width: 1px;
    background: var(--line);
}

.prj-rate-l {
    display: block;
    font-family: var(--mono);
    font-size: 0.875rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--teal-ink);
}

.prj-rate b {
    display: block;
    margin-top: 0.75rem;
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(2.6rem, 5.4vw, 3.4rem);
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--ink);
}

.prj-rate-p {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.9375rem;
    color: var(--ink-faint);
}


/* --------------------------------------------------------------------------
   The door. Centred, wide margins, and the control is the page's own big
   button rather than a new one invented for this band.
   -------------------------------------------------------------------------- */

.prj-door {
    max-width: 44rem;
    margin: 0 auto;
    text-align: center;
}

.prj-door-t {
    margin: 0;
    font-family: var(--serif);
    font-size: clamp(1.25rem, 2.2vw, 1.5rem);
    line-height: 1.45;
    color: var(--ink);
    text-wrap: pretty;
}

.prj-door-a {
    margin: 1.75rem 0 0;
}

.prj-door-h {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    color: var(--ink-soft);
}

.prj-door-h .tel {
    color: var(--teal-ink);
    font-weight: 600;
    white-space: nowrap;
}


@media (max-width: 40rem) {
    .prj-rates {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-block: 1.75rem 2rem;
    }

    /* The divider turns with the grid: a short centred hairline between the
       two rates instead of one standing beside them. */
    .prj-rate + .prj-rate::before {
        left: 20%;
        right: 20%;
        top: -1rem;
        width: auto;
        height: 1px;
    }
}