/**
 * 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-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: calc(var(--env-text-body-01-font-size) * 1.2);
    --jor-theme-page-meta-metas-margin: 1rem 0 1.5rem;
}

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

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

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

    align-items: center;
}

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

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

/* Vertical list
---------------------------------------------------------*/

html .jor-theme-page-meta--vertical-list {
    --jor-theme-page-meta-metas-gap: 0;
    --jor-theme-page-meta-meta-labels-left-gap: 1rem;
    
    margin-top: 3rem;
}

.jor-theme-page-meta--vertical-list .jor-theme-page-meta__list {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: auto;
}

.jor-theme-page-meta--vertical-list .jor-theme-page-meta__item {
    border-right: none !important;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    padding: 0.5rem !important;
    margin-right: 0 !important;
    align-items: end;
}

.jor-theme-page-meta--vertical-list .jor-theme-page-meta__item + .jor-theme-page-meta__item {
    border-top: var(--jor-theme-page-meta-separator-border);
}

/* Small labels
---------------------------------------------------------*/

html .jor-theme-page-meta--small-labels {
	 --jor-theme-page-meta-term-font-size: 13px;
   --jor-theme-page-meta-term-font-weight: 700;
}