/* public/app/css/dash-fs-mobile.css
 * Synopsis: Plein fenêtre compact mobile/tablette.
 * Objectif: Scroll, grille auto, pub hors smartphone.
 */

@media (max-width: 1100px) {
    .dash.dash--fs {
        -webkit-overflow-scrolling: touch;
        grid-auto-rows: auto;
        grid-template-rows: auto;
        height: auto;
        max-height: calc(100svh / var(--dash-zoom));
        min-height: calc(100svh / var(--dash-zoom));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .dash.dash--fs .dash-rail,
    .dash.dash--fs .dash-stage {
        overflow: visible;
    }

    .dash.dash--fs .dash-compose {
        flex: 0 0 auto;
        min-height: clamp(14rem, 42svh, 28rem);
    }
}

@media (max-width: 640px) {
    body[data-header-ad="on"][data-stt-tier="visitor"] .dash.dash--fs .dash-ad,
    body[data-header-ad="on"][data-stt-tier="free"] .dash.dash--fs .dash-ad {
        display: none;
    }
}