/*
 * Permanent Inkorly protected-dashboard typography scale.
 *
 * Canonical hierarchy:
 * - page title: 34px desktop / 28px mobile
 * - major section: 20px
 * - subsection/card title: 16px
 * - body: 14-15px
 * - field label: 13px
 * - helper text: 12px
 *
 * Modules should consume these variables/classes rather than inventing their
 * own dashboard heading sizes. Public author-site typography is not affected.
 */

.inkorly-dashboard-ui,
body.inkorly-dashboard-page {
    --inkorly-dashboard-title-size: 34px;
    --inkorly-dashboard-section-title-size: 20px;
    --inkorly-dashboard-subsection-title-size: 16px;
    --inkorly-dashboard-body-size: 15px;
    --inkorly-dashboard-label-size: 13px;
    --inkorly-dashboard-helper-size: 12px;
}

.inkorly-dashboard-ui .inkorly-dashboard-title,
body.inkorly-dashboard-page .inkorly-dashboard-title {
    font-size: var(--inkorly-dashboard-title-size) !important;
    line-height: 1.12 !important;
}

.inkorly-dashboard-ui .inkorly-dashboard-section-title,
body.inkorly-dashboard-page .inkorly-dashboard-section-title {
    font-size: var(--inkorly-dashboard-section-title-size) !important;
    line-height: 1.25 !important;
}

.inkorly-dashboard-ui .inkorly-dashboard-subsection-title:not(.inkorly-dashboard-card__title),
body.inkorly-dashboard-page .inkorly-dashboard-subsection-title:not(.inkorly-dashboard-card__title) {
    font-size: var(--inkorly-dashboard-subsection-title-size) !important;
    line-height: 1.3 !important;
}

/* Existing Core dashboard surfaces mapped to the permanent scale. */
.inkorly-dashboard-ui .inkorly-events-manager__title,
.inkorly-dashboard-ui .inkorly-event-inquiry-settings__header h1,
body.inkorly-dashboard-page .inkorly-events-manager__title,
body.inkorly-dashboard-page .inkorly-event-inquiry-settings__header h1 {
    font-size: var(--inkorly-dashboard-title-size) !important;
    line-height: 1.12 !important;
}

.inkorly-dashboard-ui .inkorly-events-manager__section-heading h2,
.inkorly-dashboard-ui .inkorly-event-form__panel > h2,
.inkorly-dashboard-ui .inkorly-event-inquiry-settings__panel h2,
.inkorly-dashboard-ui .inkorly-blog-form__panel h2,
body.inkorly-dashboard-page .inkorly-events-manager__section-heading h2,
body.inkorly-dashboard-page .inkorly-event-form__panel > h2,
body.inkorly-dashboard-page .inkorly-event-inquiry-settings__panel h2,
body.inkorly-dashboard-page .inkorly-blog-form__panel h2 {
    font-size: var(--inkorly-dashboard-section-title-size) !important;
    line-height: 1.25 !important;
}

.inkorly-dashboard-ui .inkorly-event-form__subheading,
.inkorly-dashboard-ui .inkorly-blog-form__category-create--inline h2,
body.inkorly-dashboard-page .inkorly-event-form__subheading,
body.inkorly-dashboard-page .inkorly-blog-form__category-create--inline h2 {
    font-size: var(--inkorly-dashboard-subsection-title-size) !important;
    line-height: 1.3 !important;
}

/* Keep field/helper typography from drifting upward with site/builder styles. */
.inkorly-dashboard-ui .inkorly-event-form__field label,
.inkorly-dashboard-ui .inkorly-event-inquiry-settings__field > label,
body.inkorly-dashboard-page .inkorly-event-form__field label,
body.inkorly-dashboard-page .inkorly-event-inquiry-settings__field > label {
    font-size: var(--inkorly-dashboard-label-size) !important;
}

.inkorly-dashboard-ui .inkorly-event-form__help,
.inkorly-dashboard-ui .inkorly-event-form__panel-intro,
.inkorly-dashboard-ui .inkorly-event-inquiry-settings__field p,
body.inkorly-dashboard-page .inkorly-event-form__help,
body.inkorly-dashboard-page .inkorly-event-form__panel-intro,
body.inkorly-dashboard-page .inkorly-event-inquiry-settings__field p {
    font-size: var(--inkorly-dashboard-helper-size) !important;
}

/* Author-facing controls should not expose shortcode/developer terminology. */
.inkorly-event-inquiry-toggle--primary small {
    display: none !important;
}

@media (max-width: 640px) {
    .inkorly-dashboard-ui,
    body.inkorly-dashboard-page {
        --inkorly-dashboard-title-size: 28px;
    }
}