/* Content text enlargement — ONLY when html[data-vril-text-scale] is set (user chose > 100%).
   Scales .page-body only (top nav / MainTopNav stay outside .page-body).
   Base size on .page-body + em/inherit so .small and hosting-premium rem rules all grow together. */

html[data-vril-text-scale] .page-body {
    font-size: calc(1rem * var(--vril-a11y-font-mult));
}

html[data-vril-text-scale] .page-body :where(.small, small, .btn-sm, .form-control-sm, .form-select-sm) {
    font-size: 0.875em !important;
}

html[data-vril-text-scale] .page-body :where(h1, .h1) { font-size: 2em !important; }
html[data-vril-text-scale] .page-body :where(h2, .h2) { font-size: 1.75em !important; }
html[data-vril-text-scale] .page-body :where(h3, .h3) { font-size: 1.5em !important; }
html[data-vril-text-scale] .page-body :where(h4, .h4) { font-size: 1.25em !important; }
html[data-vril-text-scale] .page-body :where(h5, .h5) { font-size: 1.125em !important; }
html[data-vril-text-scale] .page-body :where(h6, .h6) { font-size: 1em !important; }

/* Override fixed rem sizes in Tabler + hosting-premium so all main-content text inherits the scaled base */
html[data-vril-text-scale] .page-body :where(
    p, li, label, a, span, div, td, th, button, input, textarea, select, code, pre, strong, em,
    .btn, .badge, .alert, .form-control, .form-select,
    .form-label, .col-form-label, .dropdown-item, .nav-link,
    .list-group-item, .table, .card-title, .card-subtitle, .card-header,
    .text-secondary, .text-muted, .page-title, .page-pretitle,
    .fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6,
    .vril-page-title, .vril-page-subtitle, .vril-premium-page,
    .card-subtitle-premium, .form-label-premium, .form-control-premium,
    .card-title-premium, .alert-premium-hosting, .link-premium,
    .header-text, .tickets-count-display, .vril-meta-box,
    .org-feed-comment-author-name, .org-feed-comment-body,
    .messages-bubble, .messages-msg-sender, .messages-msg-sender-via,
    .messages-msg-action, .messages-msg-time, .messages-msg-meta,
    .messages-thread-preview, .messages-thread-item,
    .messages-compose-bar .form-control, .modal-title, .ql-editor
) {
    font-size: inherit !important;
}

html[data-vril-text-scale] .page-body :where(.ql-editor) {
    font-size: 1.0625em !important;
}

html[data-vril-text-scale] .page-body :where(.messages-bubble) {
    font-size: 1.0625em !important;
}