/**
 * THEME PAGE META
 * 
 * Contains styling for the page meta app.
 */

/* General
---------------------------------------------------------*/

/* Override css variables on this selector. */
html .jor-theme-page-meta__app {
    --jor-theme-page-meta-metas-margin: 0;
}

/* Event tags
---------------------------------------------------------*/

.jor-theme-page-tools__event-tags {
    margin-bottom: 0.5rem;
}

/* Event dates and location
---------------------------------------------------------*/

html .jor-theme-page-tools__event-metas {
    --jor-theme-page-meta-separator-border: 0;
    --jor-theme-page-meta-separator-spacing: 0;
    --jor-theme-page-meta-meta-labels-left-gap: var(--env-spacing-small);
    --jor-theme-page-meta-font-size: var(--env-text-heading-02-font-size);
    --jor-theme-page-meta-metas-margin: 1rem 0 1.5rem;
}

.jor-theme-page-tools__event-metas .jor-theme-page-meta__list {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: auto;
}

.jor-theme-page-tools__event-metas .jor-theme-page-meta__item {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
}

.jor-theme-page-tools__event-metas .jor-theme-page-meta__item--event-dates {
    --jor-theme-page-meta-term-font-size: calc(var(--env-text-heading-02-font-size) * 0.8);

    align-items: center;
}

.jor-theme-page-tools__event-metas .jor-theme-page-meta__term {
    justify-self: center;
}

.jor-theme-page-tools__event-metas .jor-theme-page-meta__item--location span {
    vertical-align: 0.2rem;
}