/*
 * Portrait-only density override for the installed MusicMastering PWA.
 * This file is loaded after pwa-standalone.css and deliberately does not
 * affect the normal browser layout or landscape mode.
 */
@media (max-width: 991.98px) and (orientation: portrait) {
    html[data-mm-display-mode="standalone"] {
        /* Match the comfortable landscape density in portrait. */
        font-size: 1.125rem;
        --mm-pwa-touch-target: 3.25rem;
        --mm-pwa-page-gutter: 1rem;
    }

    html[data-mm-display-mode="standalone"] body.mm-body {
        font-size: 1rem;
        line-height: 1.55;
    }

    html[data-mm-display-mode="standalone"] .btn,
    html[data-mm-display-mode="standalone"] .form-control,
    html[data-mm-display-mode="standalone"] .form-select,
    html[data-mm-display-mode="standalone"] .dropdown-item,
    html[data-mm-display-mode="standalone"] .list-group-item,
    html[data-mm-display-mode="standalone"] .accordion-button,
    html[data-mm-display-mode="standalone"] .nav-link,
    html[data-mm-display-mode="standalone"] .form-label,
    html[data-mm-display-mode="standalone"] .table {
        font-size: 1rem;
    }

    html[data-mm-display-mode="standalone"] small,
    html[data-mm-display-mode="standalone"] .small,
    html[data-mm-display-mode="standalone"] .form-text {
        font-size: .95rem;
    }

    html[data-mm-display-mode="standalone"] .btn,
    html[data-mm-display-mode="standalone"] .form-control,
    html[data-mm-display-mode="standalone"] .form-select,
    html[data-mm-display-mode="standalone"] .dropdown-item,
    html[data-mm-display-mode="standalone"] .list-group-item-action,
    html[data-mm-display-mode="standalone"] .accordion-button {
        min-height: var(--mm-pwa-touch-target);
    }

    /*
     * Installed-app Home: keep the operational entry point and remove the
     * marketing/storytelling density. Nothing is deleted from the view, so the
     * browser site and landscape PWA retain the complete Home.
     */
    html[data-mm-display-mode="standalone"] .mm-home-demo,
    html[data-mm-display-mode="standalone"] .mm-home-trust,
    html[data-mm-display-mode="standalone"] .mm-home-workflow,
    html[data-mm-display-mode="standalone"] .mm-home-conversation,
    html[data-mm-display-mode="standalone"] .mm-home-memory,
    html[data-mm-display-mode="standalone"] .mm-home-mixer,
    html[data-mm-display-mode="standalone"] .mm-home-modes,
    html[data-mm-display-mode="standalone"] .mm-home-verify,
    html[data-mm-display-mode="standalone"] .mm-home-studio,
    html[data-mm-display-mode="standalone"] .mm-home-final,
    html[data-mm-display-mode="standalone"] .mm-home-guardrails,
    html[data-mm-display-mode="standalone"] .mm-home-action:not(.mm-home-action--primary) {
        display: none !important;
    }

    html[data-mm-display-mode="standalone"] .mm-home-mastering {
        max-width: 42rem;
        min-height: calc(100dvh - 64px - env(safe-area-inset-top));
        padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
    }

    html[data-mm-display-mode="standalone"] .mm-home-hero {
        display: grid;
        grid-template-columns: 1fr;
        align-content: center;
        min-height: calc(100dvh - 64px - 7rem);
        padding: 1.5rem 0 3rem;
    }

    html[data-mm-display-mode="standalone"] .mm-home-hero__copy {
        width: 100%;
        max-width: none;
    }

    html[data-mm-display-mode="standalone"] .mm-home-kicker {
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: .08em;
    }

    html[data-mm-display-mode="standalone"] .mm-home-hero h1 {
        max-width: none;
        margin-top: 1rem;
        font-size: clamp(3rem, 12vw, 4rem);
        line-height: 1;
        letter-spacing: -.045em;
    }

    html[data-mm-display-mode="standalone"] .mm-home-hero__lead {
        max-width: 34rem;
        margin-top: 1.35rem;
        font-size: 1.2rem;
        line-height: 1.55;
    }

    html[data-mm-display-mode="standalone"] .mm-home-actions {
        display: block;
        width: 100%;
        margin-top: 1.6rem;
    }

    html[data-mm-display-mode="standalone"] .mm-home-action--primary {
        width: 100%;
        min-height: 4.5rem;
        grid-template-columns: 3rem minmax(0, 1fr);
        padding: .95rem 1.1rem;
        border-radius: 1rem;
    }

    html[data-mm-display-mode="standalone"] .mm-home-action--primary > i {
        width: 3rem;
        height: 3rem;
        font-size: 1.35rem;
    }

    html[data-mm-display-mode="standalone"] .mm-home-action--primary strong {
        font-size: 1.22rem;
        line-height: 1.25;
    }

    html[data-mm-display-mode="standalone"] .mm-home-action--primary small {
        margin-top: .15rem;
        font-size: 1rem;
        line-height: 1.35;
    }
}