/* Keep rem-based text independent of Metronic's 13px/12px breakpoints. */
html.app-mobile-document {
    font-size: 100% !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    --app-text-caption: 0.8125rem;
    --app-text-label: 0.875rem;
    --app-text-body: 0.9375rem;
    --app-text-input: 1rem;
    --app-text-title: 1.125rem;
}

html.app-mobile-document body {
    font-size: var(--app-text-body) !important;
    line-height: 1.55;
}

html.app-mobile-document :is(input, select, textarea, .form-control, .form-select, .select2-selection__rendered, .select2-search__field) {
    font-size: var(--app-text-input);
}

html.app-mobile-document :is(.select2-results__option, .form-label, .form-check-label, .form-text, .invalid-feedback, .validation-summary-errors) {
    font-size: var(--app-text-label);
    line-height: 1.5;
}

html.app-mobile-document :is(button, input, select, textarea, a):focus-visible {
    outline: 2px solid #0d6f68;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html.app-mobile-document {
        scroll-behavior: auto;
    }
}