/* public/app/css/dash-simple-eq.css
 * Synopsis: Gros égaliseur homepage en écoute.
 * Objectif: EQ visible en dictée ; masqué Visiteur mobile/tablette.
 */

.dash.dash--simple.dash--live .dash-compose__dock {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    bottom: .55rem;
    left: .55rem;
    right: .55rem;
}

.dash.dash--simple.dash--live .dash-chars,
.dash.dash--simple.dash--live .dash-clock {
    display: none;
}

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

.dash.dash--simple.dash--live .dash-eq {
    border-width: 2px;
    min-height: 5.75rem;
    opacity: 1;
}

.dash.dash--simple.dash--live .dash-eq__track {
    bottom: .35rem;
    gap: 3px;
    left: .45rem;
    right: 2.1rem;
    top: .35rem;
}

.dash.dash--simple.dash--live .dash-eq__bar {
    min-width: 3px;
}

.dash.dash--simple.dash--live .dash-compose {
    min-height: clamp(28rem, 58vh, 42rem);
}

.dash.dash--simple.dash--live .dash-compose #ws-input {
    min-height: clamp(16rem, 38vh, 30rem);
    padding-bottom: 7.25rem;
}

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

@media (max-width: 1100px) {
    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;
    }
}