/* ==========================================================================
    fONTS
    -------------------------------------------------------------------------
    LAYOUTS
    -------------------------------------------------------------------------
    Grid
      : Sidebars (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Count (New)
      : Pills (New)
    Links (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Articles as cards (Override/complement)
    Tables
      : Default (Override/complement)
    Navigation
      : Menu(New)
    Lists
      : List controls (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    Search
      : Visible (New)

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Extra (New)
    Footer (New)

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Section (Override/complement)
    Search jobs
      : Cards
        : Result (Override/complement)

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */
/*
    FONTS
*/

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

/*
    LAYOUTS/Grid: Sidebars (Within PAGETYPES/Dashboard: Section)
*/

.section--dashboard .grid--2--sidebar {
    column-gap: var(--t-gs--space--0);
}

/*
    ELEMENTS/Indicators: Count (New)
*/

.count {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    min-inline-size: 3rem;
    block-size: 3rem;
    background-color: var(--t-gs--color--border--default--focus);
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    color: var(--t-gs--color--text--on--fill--brand);
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

.pill {
    display: inline;
    border-start-start-radius: var(--t-gs--border--radius--l);
    border-start-end-radius: var(--t-gs--border--radius--l);
    border-end-start-radius: var(--t-gs--border--radius--l);
    border-end-end-radius: var(--t-gs--border--radius--l);
    font-size: var(--t-gs--font--size--03);
    padding-block: var(--t-gs--space--xs);
    padding-inline: var(--t-gs--space--s);
    background-color: var(--t-gs--swatch--link);
    color: var(--t-gs--swatch--link--100);
    font-weight: 400;
    vertical-align: middle;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: var(--t-gs--border--radius--s);
}

/* Chrome/Safari old one */
.form input[type=file]::-webkit-file-upload-button {
    color: var(--t-gs--color--text--subdued);
}

/* Modern ones (Chrome, Firefox, Edge) */
.form input[type="file"]::file-selector-button {
    color: var(--t-gs--color--text--subdued);
}

/*
    ELEMENTS/Links (Override/complement)
*/

.link,
.list-controls__pagination__item {
    font-weight: var(--t-gs--font--weight--regular);

    &:hover {
        color: var(--t-gs--swatch--neutral--020);
        text-decoration-color: var(--t-gs--swatch--neutral--transparent);
    }

    &:focus {
        text-decoration-color: var(--t-gs--swatch--link);
        --t-tc--focus--outline--style: dotted;
        --t-tc--focus--outline--color: var(--t-gs--swatch--link);
    }

    &:focus-visible {
        text-decoration-color: var(--t-gs--swatch--neutral--transparent);
        --t-tc--focus-visible--outline--style: dotted;
        --t-tc--focus-visible--outline--color: var(--t-gs--swatch--link);
    }
}

/*
    COMPONENTS/Cards: Articles as cards (Within LAYOUTS/Grid: Sidebars)
*/

.grid__item--aside-right .article--card--metric {
    display: flex;
    block-size: 100%;
    justify-content: center;
}

.article--card .article__header__text .title {
    color: var(--t-gs--swatch--link);
}

.article--card .article__header__text .title .link {
    font-weight: var(--t-gs--font--weight--bold);
}

.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --t-tc--buttons--font--size: initial;
    font-weight: var(--t-gs--font--weight--regular);
    --t-tc--title--font--weight:
}

.article--card .button:hover {
    color: var(--t-gs--color--text--default);
    text-decoration-color: var(--t-gs--swatch--neutral--transparent);
}

.article--card .article__footer {
    padding-block-start: var(--t-tc--card--padding--inners);
    padding-block-end: var(--t-tc--card--padding--inners);
}

.article--card .article__footer * {
    white-space: nowrap;
}

.article--card .article__footer *:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
}

.article--card .article__footer > * + * {
    margin-inline-start: var(--t-tc--card--padding--outers);
}

.article--card--event .article__banner {
    --t-tc--card__banner--height: calc(var(--t-gs--size--base) * 35);
}

.article--card--event .article__banner + .article__header .article__header__text {
    padding-top: calc(2 * var(--t-tc--card--padding--outers));
}

/*
    COMPONENTS/Tables: Default (Override/complement)
*/

.table--default tbody tr td:nth-last-child(1) {
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--s);
    inline-size: unset;
    white-space: nowrap;
}

/*
    COMPONENTS/Naviation: Menu (New)
*/

.menu--toggleable .menu__item {
    padding-block-start: var(--t-tc--submenu__link--padding--v);
    padding-block-end: var(--t-tc--submenu__link--padding--v);
    padding-inline-start: var(--t-tc--submenu__link--padding--h);
    padding-inline-end: var(--t-tc--submenu__link--padding--h);
}
.menu--toggleable .menu__link:after{
    color: var(--t-tc--toggle--font--color);
}

/*
    COMPONENTS/Lists: List controls (Override/complement)
*/

@media (width>=1025px) {
    .results--listed {
        border-block-start-width:var(--t-gs--border--width--s);
        border-block-start-style:solid;
        border-block-start-color:var(--t-gs--color--border--default);
        padding-block:var(--t-gs--space--m);
        padding-inline:var(--t-gs--space--0);
    }
}

.list-controls {
    font-size: var(--t-gs--font--size--04);
}

.list-controls .list-controls__text__reset {
    font-weight: var(--t-gs--font--weight--regular);
    font-style: unset;
}

.list-controls__pagination__item {
    font-weight: var(--t-gs--font--weight--regular);
}

.list-controls__sort .dropdown {
    --t-tc--fields--border--radius: var(--t-gs--border--radius--s);
}

.dropdown__item.sort__item:hover {
    color: var(--t-gs--color--text--default);
    background-color: var(--custom--color--backgroundDefault);
}

.dropdown--open,
.dropdown__placeholder:focus {
    --t-tc--fields--outline--style: solid;
}

.dropdown__list {
    margin-top: .1rem;
}

/*
    WIDGETS/Search: Visible (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .section[search-type="visible"] .section__header__text {
        display: flex;
        margin-block-end: var(--t-gs--space--l);
    }
}

/*
    MODULES/Banner: Extra (New)
*/

.banner--extra {
    --t-tc--banner--background--color: var(--t-gs--color--surface--tertiary);

    .banner__wrapper {
        justify-content: center;
    }

    .banner__text {
        align-items: center;
        row-gap: var(--t-gs--space--m);
    }

    .button-bar__wrap {
        align-items: center;
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        & {
            --t-tc--accross--width: 100vw;

            inline-size: var(--t-tc--accross--width);
            position: relative;
            inset-inline-start: 50%;
            inset-inline-end: 50%;
            margin-inline-start: calc(-1 * (var(--t-tc--accross--width) / 2));
            margin-inline-end: calc(-1 * (var(--t-tc--accross--width) / 2));
        }

        .banner__text {
            flex-direction: column;
            text-align: center;
            inline-size: 100%;
        }

        .banner__text__button {
            inline-size: 100%;
        }

    }

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 31);
        }

    }
}

/*
    MODULES/Footer
*/

.footer {
    border-block-start-width: var(--t-gs--border--width--0);
}

.footer__social__item {
    max-inline-size: unset;
}

.footer__links__item.link {
    color: var(--t-gs--color--text--default);
}

/*
    PAGETYPES/Search jobs: Cards: Result (Override/complement)
*/

.section--search-jobs .article--result {
    --t-tc--result--border--radius: var(--t-gs--border--radius--0);
    --t-tc--result--padding--outers--h: var(--t-gs--space--0);
}

.section--search-jobs .article--result + .article--result {
    margin-block-start: var(--t-gs--space--0);
}

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */