/*
    LAYOUTS/Structures: Section
*/
 
.section__header ~ *:has(>*) { /* TO BE MOVED to 02__layouts.css in next version, replacing .section__header + *:not(templatebuilder-page-dropzone) */
    margin-block-start: var(--t-gs--space--xl);

    /* Media query to target only mobile */
    @media all and (max-width:750px) {
        & {
            margin-block-start: var(--t-gs--space--l);
        }

    }
}

/*
    ELEMENTS/Indicators: Partial save
*/

/*
    ELEMENTS/Indicators: Partial save (Within COMPONENTS/Cards: Table rows as cards)
*/

.table--cards tr.partially-saved  > *:nth-child(1) { /* TO BE MOVED to 03__elements__indicators__partial-save.css in next version */
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--t-gs--space--s);
}

.table--cards tr.partially-saved > *:nth-child(1) .badge { /* TO BE MOVED to 03__elements__indicators__partial-save.css in next version */
    order: 1;
}

/*
    ELEMENTS/Indicators: Partial save (Within COMPONENTS/Tables: Default)
*/

.table--default tr.partially-saved > *:nth-child(1) { /* TO BE MOVED to 03__elements__indicators__partial-save.css in next version */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: var(--t-gs--space--s);
}

/*
    ELEMENTS/Typography: Labels
*/

.tc_formLabel { /* TO BE MOVED to 03__elements.css in next version */
    .banner & {
        color: inherit;
    }
}

.tc_formSublabel { /* TO BE MOVED to 03__elements.css in next version */
    .banner & {
        color: inherit;
    }
}

/*
    ELEMENTS/Typography: Links
*/

.CheckBoxListFormField_more,
.RadioButtonListFormField_more,
.tc_formDescription a,
.tc_formSublabel a,
.link { /* TO BE MOVED to 03__elements.css in next version */
    transition: text-decoration 0.3s ease, color 0.3s ease;

    .footer & {
        color: var(--t-tc--footer--link--color);
    }

    &:hover {
        .footer & {
            color: var(--t-tc--footer--link--color--hover);
        }
    }

    &:focus {
        .footer & {
            color: var(--t-tc--footer--link--color--focus);
        }
    }

    &:active {
        .footer & {
            color: var(--t-tc--footer--link--color--active);
        }
    }

    &:visited,
    &[aria-selected="true"] {
        .footer & {
            color: var(--t-tc--footer--link--color--selected);
        }
    }

    &[disabled],
    &[aria-disabled="true"] {
        .footer & {
            color: var(--t-tc--footer--link--color--disabled);
        }
    }
}

/*
    ELEMENTS/Typography: Titles
*/

.title,
.tc_formTitle { /* TO BE MOVED to 03__elements.css in next version */
    .banner & {
        color: inherit;
    }
}

/*
    COMPONENTS/Lists: Compact
*/

.list--view-more .list__item__text__title { /* TO BE DELETED - in next version */
    font-weight: initial;
    white-space: initial;
    text-overflow: initial;
    overflow: initial;
}

.list--view-more .list__item__text__title { /* TO BE MOVED to 04__components__lists__compact.css in next version */
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--t-gs--space--s);
    inline-size: 100%;
}

.list--view-more .list__item__text__title__name { /* TO BE MOVED to 04__components__lists__compact.css in next version */
    font-weight: var(--t-gs--font--weight--bold);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list--view-more a .list__item__text__title,
.list--view-more a .list__item:hover .list__item__text__title { /* TO BE DELETED - in next version */
    color: inherit;
}

.list--view-more a .list__item__text__title__name,
.list--view-more a .list__item:hover .list__item__text__title__name { /* TO BE MOVED to 04__components__lists__compact.css in next version */
    color: var(--t-gs--color--text--link);
}