/* Sales Team Contacts — Figma baseline 1440px, vw skaliranje */

/* ===== SEKCIJA ===== */
.sales-team-section {
    width: 100%;
    background: #fff;
    padding-top: 8.472vw;    /* 122px @ 1440px — gap od dna karte (1467px) do naslova (1589px) */
    padding-bottom: 5.556vw; /* 80px @ 1440px */
}

/* ===== DEPARTMENT BLOK ===== */
.sales-team__dept {
    margin-bottom: 4.167vw; /* 60px @ 1440px */
}

.sales-team__dept:last-child {
    margin-bottom: 0;
}

/* ===== NASLOV ===== */
/* Figma: Open Sans 400, 32px, line-height 36px, letter-spacing -1% */
.sales-team__dept-title {
    margin: 0 0 0 1.528vw; /* left 22px @ 1440px */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 2.222vw;    /* 32px @ 1440px */
    line-height: 2.5vw;    /* 36px @ 1440px */
    letter-spacing: -0.01em;
    color: #000;
}

/* ===== CRTA ===== */
/* Figma: width 1396px, left 22px */
.sales-team__divider {
    display: block;
    width: 96.944vw;       /* 1396px @ 1440px */
    margin: 2.222vw 0 2.917vw 1.528vw; /* top 32px, bottom 42px, left 22px */
    border: none;
    border-top: 1px solid #EEEEEE;
}

/* ===== RED KARTICA ===== */
/* Figma: 4 kartice po redu, gap (1396 - 4x340) / 3 = 12px */
.sales-team__cards {
    display: flex;
    gap: 0.833vw;          /* 12px @ 1440px */
    margin-left: 1.528vw;  /* 22px @ 1440px */
    flex-wrap: wrap;
}

/* ===== KARTICA ===== */
/* Figma: width 340px, height 280px, border-radius 4px */
/* Bez padding-left — svaki element ima vlastiti margin */
.sales-team__card {
    position: relative;
    width: 23.611vw;       /* 340px @ 1440px */
    height: 19.444vw;      /* 280px @ 1440px */
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding: 2.014vw 1.528vw 1.528vw 0; /* top 29px, right/bottom 22px, left 0 */
    box-sizing: border-box;
    flex-shrink: 0;
}

/* ===== AVATAR KRUG ===== */
/* Figma: 40×40px, top 22px, left 22px od ruba kartice */
.sales-team__avatar {
    position: absolute;
    top: 1.528vw;          /* 22px @ 1440px */
    left: 1.528vw;         /* 22px @ 1440px */
    width: 2.778vw;        /* 40px @ 1440px */
    height: 2.778vw;       /* 40px @ 1440px */
    border-radius: 50%;
    background: #D9D9D9;
}

.sales-team__avatar--photo {
    object-fit: cover;
    object-position: center top;
    background: none;
}

/* ===== IME I PREZIME ===== */
/* Figma: left 106px od ekrana = 84px od ruba kartice */
.sales-team__name {
    margin: 0 0 0 5.833vw; /* left 84px @ 1440px */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.111vw;    /* 16px @ 1440px */
    line-height: 1.736vw;  /* 25px @ 1440px */
    color: #1E1E1E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== TITULA / FUNKCIJA ===== */
/* Figma: left 84px od ruba kartice, 16px, line-height 24px, može biti više linija */
.sales-team__job-title {
    margin: 0.556vw 0 0 5.833vw; /* top 8px, left 84px @ 1440px */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.111vw;    /* 16px @ 1440px */
    line-height: 1.667vw;  /* 24px @ 1440px */
    color: #1E1E1E;
}

.sales-team__job-position {
    margin: 0 0 0 5.833vw; /* left 84px @ 1440px */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 1.667vw;
    color: #1E1E1E;
}

/* ===== KONTAKT STAVKE ===== */
/* Figma: ikona left 52px od ekrana = 30px od ruba kartice */
.sales-team__contacts {
    margin: 0.694vw 0 0 2.083vw; /* top 10px, left 30px @ 1440px */
    display: flex;
    flex-direction: column;
    gap: 0.278vw;          /* 4px @ 1440px */
}

.sales-team__contact-item {
    display: flex;
    align-items: center;
    gap: 2.083vw;          /* 30px @ 1440px — icon right (54px) do text left (84px) */
    text-decoration: none;
    color: #1E1E1E;
}

/* Figma: ikona width 24px, height 17px @ 1440px */
.sales-team__contact-icon {
    font-size: 1.181vw;    /* 17px @ 1440px */
    width: 1.667vw;        /* 24px @ 1440px */
    color: #CC4443;
    flex-shrink: 0;
    text-align: center;
    line-height: 1;
}

.sales-team__contact-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.111vw;    /* 16px @ 1440px */
    line-height: 1.667vw;  /* 24px @ 1440px */
    letter-spacing: 0;
    color: #1E1E1E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.sales-team__contact-item:hover .sales-team__contact-text {
    color: #CC4443;
}

.sales-team__contact-text p {
    margin: 0;
}

/* ===== MOBITEL ( < 768px ) ===== */
@media (max-width: 767px) {
    .sales-team-section {
        padding-bottom: 40px;
    }

    .sales-team__dept {
        margin-bottom: 32px;
    }

    .sales-team__dept-title {
        margin-left: 20px;
        font-size: 24px; /* matches .hq-contact__title mobile */
        line-height: 1.2;
    }

    .sales-team__divider {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 24px;
    }

    .sales-team__cards {
        margin-left: 20px;
        margin-right: 20px;
        flex-direction: column;
        gap: 12px;
    }

    .sales-team__card {
        width: 100%;
        height: auto;
        min-height: 180px;
        padding: 16px 16px 16px 0;
        box-sizing: border-box;
    }

    .sales-team__avatar {
        top: 16px;
        left: 16px;
        width: 40px;
        height: 40px;
    }

    .sales-team__avatar--photo {
        object-fit: cover;
        object-position: center top;
    }

    .sales-team__name {
        margin-left: 72px;
        font-size: 14px; /* matches .hq-card__text mobile */
        line-height: 22px;
    }

    .sales-team__job-title {
        margin-left: 72px;
        font-size: 14px;
        line-height: 22px;
        margin-top: 4px;
    }

    .sales-team__job-position {
        margin-left: 72px;
        font-size: 14px;
        line-height: 22px;
        margin-top: 2px;
    }

    .sales-team__contacts {
        margin-left: 24px;
        margin-top: 8px;
        gap: 8px; /* was 4px — povećano za čitljivost */
    }

    .sales-team__contact-item {
        gap: 12px; /* eksplicitno na mobilu — vw vrijednost se skuplja na <1px */
    }

    .sales-team__contact-icon {
        font-size: 22px; /* matches .hq-card__icon mobile */
        width: 22px;
    }

    .sales-team__contact-text {
        font-size: 14px; /* was 12px — matches .hq-card__text mobile */
        line-height: 22px;
    }
}