/* public/app/css/dash-simple-portrait.css
 * Synopsis: Zone de dictée dominante en portrait.
 * Objectif: Plus de texte visible téléphone et tablette verticale.
 */

@media (max-width: 1100px) {
    .dictation .dash.dash--simple:not(.dash--fs) {
        grid-template-areas:
            "top"
            "stage"
            "langs"
            "credit";
        grid-template-columns: minmax(0, 1fr);
        max-width: calc(100vw - 1rem);
        width: calc(100vw - 1rem);
    }

    .dash.dash--simple .dash-rail--langs .lang-flags-wrap {
        height: 10rem;
        min-height: 10rem;
    }

    .dash.dash--simple .dash-compose,
    .dash.dash--simple.dash--live .dash-compose {
        min-height: clamp(26rem, 62svh, 44rem);
    }

    .dash.dash--simple .dash-compose #stt-btn.dash-go--in,
    .dash.dash--simple .dash-compose #stt-btn.dash-go--in[aria-pressed="true"] {
        font-size: clamp(1.05rem, 3.2vw, 1.25rem);
        min-height: 3.4rem;
        padding: .65rem 1rem;
    }

    .dash.dash--simple .dash-compose #ws-input {
        min-height: clamp(14rem, 42svh, 28rem);
        padding: 1rem 3.4rem 1.3rem 1.05rem;
    }

    .dash.dash--simple .dash-compose .stt-adv-marks,
    .dash.dash--simple .dash-compose .stt-adv-mirror {
        padding: 1rem 3.4rem 1.3rem 1.05rem;
    }

    .dash.dash--simple .dash-compose__tools {
        right: .85rem;
        top: .55rem;
    }

    .dash.dash--simple .dash-compose-ico--copy {
        height: 2.15rem;
        min-width: 2.15rem;
    }

    .dash.dash--simple.dash--live .dash-compose__eq {
        height: 3.25rem;
        min-height: 3.25rem;
    }

    .dash.dash--simple.dash--live .dash-eq {
        min-height: 3.25rem;
    }

    .dash.dash--simple.dash--live .dash-compose #ws-input {
        padding-bottom: 4.5rem;
    }

    .dash.dash--simple.dash--live .dash-compose .stt-adv-marks,
    .dash.dash--simple.dash--live .dash-compose .stt-adv-mirror {
        padding-bottom: 4.5rem;
    }

    body[data-stt-tier="visitor"] .dash.dash--simple.dash--live .dash-compose__dock {
        display: none;
    }

    body[data-stt-tier="visitor"] .dash.dash--simple.dash--live .dash-compose #ws-input {
        padding-bottom: 1.3rem;
    }

    body[data-stt-tier="visitor"] .dash.dash--simple.dash--live .dash-compose .stt-adv-marks,
    body[data-stt-tier="visitor"] .dash.dash--simple.dash--live .dash-compose .stt-adv-mirror {
        padding-bottom: 1.3rem;
    }
}