/**
 * JOB OFFER PAGE — offer.css
 * Layout: .job-offer-page
 */

/* ── Back bar / breadcrumb ────────────────────────────────── */

.offer-back-bar {
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 13px;
    color: var(--color-dark-gray);
    flex-wrap: nowrap;
    overflow: hidden;
    min-width: 0;
    margin-bottom: 10px;
}

.offer-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-secondary);
    font-family: var(--font-condensed);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    height: 44px;
    padding: 0 12px;
}

.offer-back-link:hover {
    text-decoration: underline;
}

.offer-back-link--collar {
    background: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    border-radius: 6px 0 0 6px;
    color: var(--color-light-gray);
    padding: 0 12px;
    height: 44px;
    flex-shrink: 0;
    text-decoration: none;
}

.offer-back-link--collar:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
}

.offer-back-link--collar.has-light-color .offer-back-collar-circle::after,
.offer-back-link--collar.has-light-color:hover .offer-back-collar-circle::after {
    background-color: var(--color-dark-gray);
}

.offer-back-link:not(.offer-back-link--collar):not(:last-child) {
    border-top: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
    padding: 0 8px 0 12px;
    flex-shrink: 0;
}

.offer-back-sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 44px;
    border-top: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
}

.offer-back-sep svg {
    display: block;
}

.offer-back-bar .offer-back-link:last-child {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border-top: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
    border-right: 1px solid var(--color-light-gray);
    border-radius: 0 6px 6px 0;
    padding: 0 12px 0 8px;
    height: 44px;
    pointer-events: none;
}

.offer-back-bar .offer-back-link:last-child span {
    pointer-events: all;
}

.offer-back-bar .offer-back-link:last-child span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.offer-back-collar-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.offer-back-collar-circle::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: white;
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzAwMDAwMCIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUxMS45MTEgNTExLjkxMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTUwNi40NjcsMjUxLjYwNGwtMzcuNTI1LTgzLjk0N2MtMy4yMjEtNjQuMTcxLTEwOC40OC05My4wMzUtMjEzLjAzNS05My4wMzVTNDYuMDk0LDEwMy40ODYsNDIuODk0LDE2Ny42NTcNCgkJCWwtMzcuMzMzLDgzLjUyYy0xMC40OTYsMjAuOTkyLTUuODQ1LDQ2LjgyNywxMS41Miw2My4wMTlsMTM1Ljc4NywxMjAuNDA1YzEuOTQxLDEuNzQ5LDQuNDgsMi42ODgsNy4wODMsMi42ODgNCgkJCWMwLjY4MywwLDEuMzQ0LTAuMDY0LDIuMDI3LTAuMTkyYzMuMjY0LTAuNjE5LDYuMDM3LTIuNzMxLDcuNTMxLTUuNjk2bDM5LjcyMy03OS40NDVoOTMuNDgzbDM5LjcyMyw3OS40NDUNCgkJCWMxLjQ3MiwyLjk2NSw0LjI2Nyw1LjA3Nyw3LjUzMSw1LjY5NmMwLjY2MSwwLjEyOCwxLjM0NCwwLjE5MiwyLjAyNywwLjE5MmMyLjU4MSwwLDUuMDk5LTAuOTM5LDcuMDgzLTIuNjg4bDEzNi0xMjAuNTc2DQoJCQlDNTEyLjEyMSwyOTguMDI1LDUxNi43OTMsMjcyLjE5LDUwNi40NjcsMjUxLjYwNHogTTIxOS44MzMsMzMwLjYyMmwxMC42NjctMjEuMzMzaDUwLjgxNmwxMC42NjcsMjEuMzMzSDIxOS44MzN6DQoJCQkgTTI4NC4zNjYsMjg3Ljk1NkgyMjcuNDdMNjQuNTA1LDE2NS43MzdjNi4wOC00MC4wODUsODYuMjI5LTY5Ljc4MSwxOTEuNDAzLTY5Ljc4MWMxMDUuMTk1LDAsMTg1LjMyMywyOS42OTYsMTkxLjQwMyw2OS43ODENCgkJCUwyODQuMzY2LDI4Ny45NTZ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzAwMDAwMCIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUxMS45MTEgNTExLjkxMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTUwNi40NjcsMjUxLjYwNGwtMzcuNTI1LTgzLjk0N2MtMy4yMjEtNjQuMTcxLTEwOC40OC05My4wMzUtMjEzLjAzNS05My4wMzVTNDYuMDk0LDEwMy40ODYsNDIuODk0LDE2Ny42NTcNCgkJCWwtMzcuMzMzLDgzLjUyYy0xMC40OTYsMjAuOTkyLTUuODQ1LDQ2LjgyNywxMS41Miw2My4wMTlsMTM1Ljc4NywxMjAuNDA1YzEuOTQxLDEuNzQ5LDQuNDgsMi42ODgsNy4wODMsMi42ODgNCgkJCWMwLjY4MywwLDEuMzQ0LTAuMDY0LDIuMDI3LTAuMTkyYzMuMjY0LTAuNjE5LDYuMDM3LTIuNzMxLDcuNTMxLTUuNjk2bDM5LjcyMy03OS40NDVoOTMuNDgzbDM5LjcyMyw3OS40NDUNCgkJCWMxLjQ3MiwyLjk2NSw0LjI2Nyw1LjA3Nyw3LjUzMSw1LjY5NmMwLjY2MSwwLjEyOCwxLjM0NCwwLjE5MiwyLjAyNywwLjE5MmMyLjU4MSwwLDUuMDk5LTAuOTM5LDcuMDgzLTIuNjg4bDEzNi0xMjAuNTc2DQoJCQlDNTEyLjEyMSwyOTguMDI1LDUxNi43OTMsMjcyLjE5LDUwNi40NjcsMjUxLjYwNHogTTIxOS44MzMsMzMwLjYyMmwxMC42NjctMjEuMzMzaDUwLjgxNmwxMC42NjcsMjEuMzMzSDIxOS44MzN6DQoJCQkgTTI4NC4zNjYsMjg3Ljk1NkgyMjcuNDdMNjQuNTA1LDE2NS43MzdjNi4wOC00MC4wODUsODYuMjI5LTY5Ljc4MSwxOTEuNDAzLTY5Ljc4MWMxMDUuMTk1LDAsMTg1LjMyMywyOS42OTYsMTkxLjQwMyw2OS43ODENCgkJCUwyODQuMzY2LDI4Ny45NTZ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.offer-back-collar-label {
    display: inline-flex;
    overflow: hidden;
}

.offer-back-listings-icon {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    background-color: var(--color-secondary);
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiA3VjYuMkMxNiA1LjA3OTkgMTYgNC41MTk4NCAxNS43ODIgNC4wOTIwMkMxNS41OTAzIDMuNzE1NjkgMTUuMjg0MyAzLjQwOTczIDE0LjkwOCAzLjIxNzk5QzE0LjQ4MDIgMyAxMy45MjAxIDMgMTIuOCAzSDExLjJDMTAuMDc5OSAzIDkuNTE5ODQgMyA5LjA5MjAyIDMuMjE3OTlDOC43MTU2OSAzLjQwOTczIDguNDA5NzMgMy43MTU2OSA4LjIxNzk5IDQuMDkyMDJDOCA0LjUxOTg0IDggNS4wNzk5IDggNi4yVjdNMy4wMjcyMSAxMC4wMjYzQzMuMzg3NzYgMTAuMzcxOSA3LjI4NTcyIDE0IDEyIDE0QzE2LjcxNDMgMTQgMjAuNjEyMiAxMC4zNzE5IDIwLjk3MjggMTAuMDI2M00zLjAyNzIxIDEwLjAyNjNDMyAxMC40OTMgMyAxMS4wNjY1IDMgMTEuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIMTYuMkMxNy44ODAyIDIxIDE4LjcyMDIgMjEgMTkuMzYyIDIwLjY3M0MxOS45MjY1IDIwLjM4NTQgMjAuMzg1NCAxOS45MjY1IDIwLjY3MyAxOS4zNjJDMjEgMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjJWMTEuOEMyMSAxMS4wNjY1IDIxIDEwLjQ5MyAyMC45NzI4IDEwLjAyNjNNMy4wMjcyMSAxMC4wMjYzQzMuMDYyMzMgOS40MjQxIDMuMTQyNzYgOC45OTk1OSAzLjMyNjk4IDguNjM4MDNDMy42MTQ2IDguMDczNTQgNC4wNzM1NCA3LjYxNDYgNC42MzgwMyA3LjMyNjk4QzUuMjc5NzYgNyA2LjExOTg0IDcgNy44IDdIMTYuMkMxNy44ODAyIDcgMTguNzIwMiA3IDE5LjM2MiA3LjMyNjk4QzE5LjkyNjUgNy42MTQ2IDIwLjM4NTQgOC4wNzM1NCAyMC42NzMgOC42MzgwM0MyMC44NTcyIDguOTk5NTkgMjAuOTM3NyA5LjQyNDEgMjAuOTcyOCAxMC4wMjYzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiA3VjYuMkMxNiA1LjA3OTkgMTYgNC41MTk4NCAxNS43ODIgNC4wOTIwMkMxNS41OTAzIDMuNzE1NjkgMTUuMjg0MyAzLjQwOTczIDE0LjkwOCAzLjIxNzk5QzE0LjQ4MDIgMyAxMy45MjAxIDMgMTIuOCAzSDExLjJDMTAuMDc5OSAzIDkuNTE5ODQgMyA5LjA5MjAyIDMuMjE3OTlDOC43MTU2OSAzLjQwOTczIDguNDA5NzMgMy43MTU2OSA4LjIxNzk5IDQuMDkyMDJDOCA0LjUxOTg0IDggNS4wNzk5IDggNi4yVjdNMy4wMjcyMSAxMC4wMjYzQzMuMzg3NzYgMTAuMzcxOSA3LjI4NTcyIDE0IDEyIDE0QzE2LjcxNDMgMTQgMjAuNjEyMiAxMC4zNzE5IDIwLjk3MjggMTAuMDI2M00zLjAyNzIxIDEwLjAyNjNDMyAxMC40OTMgMyAxMS4wNjY1IDMgMTEuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIMTYuMkMxNy44ODAyIDIxIDE4LjcyMDIgMjEgMTkuMzYyIDIwLjY3M0MxOS45MjY1IDIwLjM4NTQgMjAuMzg1NCAxOS45MjY1IDIwLjY3MyAxOS4zNjJDMjEgMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjJWMTEuOEMyMSAxMS4wNjY1IDIxIDEwLjQ5MyAyMC45NzI4IDEwLjAyNjNNMy4wMjcyMSAxMC4wMjYzQzMuMDYyMzMgOS40MjQxIDMuMTQyNzYgOC45OTk1OSAzLjMyNjk4IDguNjM4MDNDMy42MTQ2IDguMDczNTQgNC4wNzM1NCA3LjYxNDYgNC42MzgwMyA3LjMyNjk4QzUuMjc5NzYgNyA2LjExOTg0IDcgNy44IDdIMTYuMkMxNy44ODAyIDcgMTguNzIwMiA3IDE5LjM2MiA3LjMyNjk4QzE5LjkyNjUgNy42MTQ2IDIwLjM4NTQgOC4wNzM1NCAyMC42NzMgOC42MzgwM0MyMC44NTcyIDguOTk5NTkgMjAuOTM3NyA5LjQyNDEgMjAuOTcyOCAxMC4wMjYzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.offer-back-listings-label {
    display: inline-flex;
    overflow: hidden;
}

/* ── Title ────────────────────────────────────────────────── */

.offer-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--color-secondary);
    font-family: var(--font-condensed);
    margin: 0;
}

/* ── Body columns layout ──────────────────────────────────── */

.offer-body-cols {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
}

.offer-body-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

/* ── Content sections ─────────────────────────────────────── */

.offer-section {
    padding: 0 0 10px 0;
}

.offer-section:first-child {
    padding-top: 0;
}

.offer-section-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-secondary);
    font-family: var(--font-condensed);
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.offer-section-title::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-light-gray);
}

h1.offer-section-title,
h2.offer-section-title,
h3.offer-section-title,
h4.offer-section-title,
h5.offer-section-title,
h6.offer-section-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-secondary);
    font-family: var(--font-condensed);
    margin: 0 0 12px;
}

.offer-section-body--text {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-dark-gray);
}

.offer-section-body--list li {
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-dark-gray);
}

.offer-section--first .offer-section-body--text {
    font-size: 16px;
}

.offer-section-body--text p {
    margin: 0 0 10px;
}

.offer-section-body--text p:last-child {
    margin-bottom: 0;
}

.offer-section-body--list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.offer-section-body--list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.offer-section-body--list li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    flex-shrink: 0;
    margin-top: 7px;
}

.offer-section-body--nice li::before {
    background: var(--color-primary);
}

/* ── Cards (shared shell) ─────────────────────────────────── */

.offer-card {
    background: var(--color-white);
    border: 0.5px solid var(--color-light-gray);
    border-radius: 6px;
    overflow: hidden;
}

/* ── Responsive — tablet i mobile (≤ 860px) ──────────────── */

@media (max-width: 860px) {
    .offer-title {
        font-size: 22px;
    }

    .offer-back-collar-label {
        display: none;
    }

    .offer-back-link--collar {
        padding: 0 8px;
    }

    .offer-back-listings-label {
        display: none;
    }

    .offer-body-cols {
        grid-template-columns: 1fr;
    }
}

/* ── Responsive — mobile (≤ 689px) ───────────────────────── */

@media (max-width: 689px) {
    .offer-back-collar-label {
        display: none;
    }

    .offer-back-link--collar {
        padding: 0 8px;
    }

    .offer-back-listings-label {
        display: none;
    }
}