/* BLOCK: Jobs */

.block-jobs .text-content {
    text-align: center;
}

.block-jobs .text-content:not(:last-child) {
    margin-bottom: 5rem;
}

.block-jobs .text-content > * {
    margin: 0;
}

.block-jobs .text-content > :not(:last-child) {
    margin-bottom: 2.5rem;
}

.block-jobs .text-content > :is(h1, h2, .h1, .h2):not(:last-child) {
    margin-bottom: 3.125rem;
}

.block-jobs .ajax-filters:not(:last-child) {
    margin-bottom: 3.75rem;
}

.block-jobs .category-filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.block-jobs .category-filters input {
    display: none;
}

.block-jobs .category-filters label {
    text-wrap: nowrap;
    font-size: var(--font-15-11);
    font-weight: 500;
    line-height: 1.1;
    padding: 0.75rem 1.125rem;
    border: 1px solid rgb(from var(--c-primary) r g b / 0.3);
    border-radius: 0.75rem;
    background-color: rgb(from var(--c-primary) r g b / 0.07);
    cursor: pointer;
}

.block-jobs .category-filters input:checked + label,
.block-jobs .category-filters label:is(:hover, :focus-visible) {
    background-color: var(--c-primary);
    border-color: var(--c-primary);
    color: var(--c-text-light);
}

.block-jobs .jobs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.block-jobs .job {
    background-color: #F1EEFF;
    border-radius: 2.5rem;
    padding: 3.75rem;
    display: flex;
    gap: 1.5rem 7.5rem;
}

.block-jobs .job .main-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.block-jobs .job-categories {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.block-jobs .job__category {
    color: vaR(--c-primary);
    font-weight: 500;
    font-size: var(--font-12-9);
    line-height: 1.1;
}

.block-jobs .job__title:not(:last-child) {
    margin-bottom: 1.875rem;
}

.block-jobs .job__description {
    color: #3C3951;
    font-size: var(--font-18-13);
}

.block-jobs .job__description:not(:last-child) {
    margin-bottom: 2.5rem;
}

.block-jobs .job__description > * {
    margin: 0;
}

.block-jobs .job__description > :not(:last-child) {
    margin-bottom: 1.5rem;
}

.block-jobs .job__link {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: currentColor;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
}

.block-jobs .job__link--mobile {
    display: none;
    margin-top: 1.25rem;
}

.block-jobs .job .meta-content {
    flex-basis: 27.5%;
    flex-shrink: 0;
    /* align-self: center; */
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.block-jobs .job__meta {
    display: flex;
    gap: 0.9375rem;
    align-items: center;
    font-size: var(--font-21-13);
    font-weight: 600;
    text-wrap: nowrap;
}

.block-jobs .job__meta svg {
    flex-shrink: 0;
    color: var(--c-primary);
    width: 1.5rem;
    height: 1.5rem;
}

@media screen and (width <= 820px) {
    .block-jobs .job {
        column-gap: 2.5rem;
        padding: 1.875rem 1.5rem;
        border-radius: 1.5rem;
    }
    .block-jobs .job-categories {
        margin-bottom: 0.9375rem;
    }
    .block-jobs .job__title:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    .block-jobs .job .meta-content {
        gap: 0.625rem;
    }
}

@media screen and (width <= 620px) {
    .block-jobs .text-content:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .block-jobs .text-content > :not(:last-child) {
        margin-bottom: 1.5rem;
    }
    .block-jobs .text-content > :is(h1, h2, .h1, .h2):not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .block-jobs .ajax-filters:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .block-jobs .category-filters {
        flex-wrap: nowrap;
        gap: 0.375rem;
        justify-content: flex-start;
        position: relative;
        width: calc(100% + 2 * var(--offset));
        left: calc(-1 * var(--offset));
        padding-inline: var(--offset);
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .block-jobs .category-filters::-webkit-scrollbar {
        display: none;
    }
    .block-jobs .category-filters label {
        padding: 0.625rem 0.875rem;
        border-radius: 0.5rem;
    }
    .block-jobs .job .main-content > *:has(+ .job__link--desktop) {
        margin-bottom: 0;
    }
    .block-jobs .job {
        flex-direction: column;
    }
    .block-jobs .job__link--desktop {
        display: none;
    }
    .block-jobs .job__link--mobile {
        display: flex;
    }
    .block-jobs .job .meta-content {
        align-self: flex-start;
    }
}