/**
 * ENVISION OVERRIDES
 * 
 * Contains styling overrides for Envision.
 */

/* Collapsible
---------------------------------------------------------*/

.sv-collapsible-content {
    margin-top: var(--env-spacing-medium);
}

.sv-collapsible-content + .sv-collapsible-content {
    margin-top: 0.375rem;
}

.sv-collapsible-content:nth-last-child(1 of .sv-collapsible-content),
.sv-collapsible-content:has(+ :not(.sv-collapsible-content)) {
    margin-bottom: var(--env-spacing-medium);
}

.sv-collapsible-content .sv-text-portlet-content > :last-child {
    margin-bottom: 0;
}

/* Env Collapse
---------------------------------------------------------*/

.env-collapse-header,
.env-collapse {
    padding: var(--jor-theme-env-collapse-padding) var(--jor-theme-env-collapse-padding) var(--jor-theme-env-collapse-padding) calc(var(--jor-theme-env-collapse-padding) + var(--jor-theme-env-collapse-header-font-size) + var(--jor-theme-env-collapse-header-gap));
}

.env-collapse-header {
    align-items: center;
    border: 0;
    border: var(--env-collapse-border-width) var(--env-collapse-border-style) var(--env-collapse-border-color);
    border-radius: 0;
    color: var(--env-link-font-color);
    font-size: var(--jor-theme-env-collapse-header-font-size);
    font-weight: var(--jor-theme-link-font-weight);
    gap: var(--jor-theme-env-collapse-header-gap);
    justify-content: start;
    line-height: 1.785;
    position: relative;
}

.env-collapse-header:hover {
    background-color: var(--env-ui-color-brand-10);
    border-color: var(--env-ui-color-brand-05-contrast);
    text-decoration-line: revert;
}

.env-collapse-header:not(:hover) {
    text-decoration: none;
}

.env-collapse-header.env-collapse--expanded:not(:hover) {
    border-bottom-color: transparent;
}

.env-collapse-header::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: currentColor;
    content: "\f0fe";
    display: inline-block;
    font-family: var(--fa-style-family);
    font-weight: var(--fa-style);
    font-style: normal;
    font-variant: normal;
    left: var(--jor-theme-env-collapse-padding);
    line-height: 1;
    text-rendering: auto;
    top: calc(50% + 1px);
    /* +1px for visual adjustment */
    transform: translateY(-50%);
    position: absolute;
}

.env-collapse-header.env-collapse--expanded::before {
    content: "\f146";
}

.env-collapse-header--icons {
    display: none;
}

.env-collapse {
    border: var(--env-collapse-border-width) var(--env-collapse-border-style) var(--env-collapse-border-color);
    border-top: 0;
    padding-bottom: calc(var(--jor-theme-env-collapse-padding) * 2);
}

/* .env-collapse--show {
    border-bottom: var(--env-collapse-border-width) var(--env-collapse-border-style) var(--env-collapse-border-color);
} */

.env-collapse > :first-child {
    margin-top: 0;
}

/* Button
---------------------------------------------------------*/

.env-button {
    border-width: 2px;
    font-weight: var(--jor-theme-link-font-weight);
}