/* TEMEL STİLLER */
.sts-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 60px 0;
    padding-left: var(--slider-left-gap, 50px);
    position: relative;
    overflow: hidden;
}

.sts-content {
    flex: 1;
    min-width: 300px;
    position: relative;
    z-index: 2;
}

.sts-image-container {
    flex: 1;
    min-width: 300px;
    height: 550px;
    position: relative;
    overflow: hidden;
}

.sts-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    display: flex;
    transition: transform 0.5s ease;
}

.sts-image {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    margin-right: 20px;
}

/* BAŞLIK ALANI */
.sts-header {
    margin-bottom: 30px;
}

.sts-subtitle {
    color: var(--subtitle-color, #E30613);
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px;
    font-size: var(--subtitle-size, 16px);
}

.sts-title {
    font-size: var(--title-size, 48px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: var(--title-color, #333);
}

/* AÇIKLAMA */
.sts-description {
    margin-bottom: 20px;
    min-height: 100px;
    transition: all 0.3s ease;
    font-size: var(--text-size, 16px);
    line-height: 1.6;
    color: var(--text-color, #555);
}

/* DETAY LİNK */
.sts-detail-link {
    display: inline-block;
    color: var(--subtitle-color, #E30613);
    font-weight: 600;
    margin: 30px 0;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
}

.sts-detail-link:before {
    content: "";
    position: absolute;
    left: 0;
}
/* THUMBNAIL BUTONLAR */
.sts-thumbs {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 30px;
    align-items: flex-start; /* İkon ve başlık hizalaması */
}

.sts-thumb-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 76px;
}

.sts-thumb {
    width: 76px;
    height: 76px;
    border-radius: 50px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    padding: 10px;
    box-shadow: none !important;
    margin-bottom: 8px; /* Başlıkla arasındaki boşluk */
}

.sts-thumb:hover {
    border-color: var(--thumb-hover-color, #E30613);
}

.sts-thumb-label {
    font-size: 12px;
    font-weight: 300;
    color: #555;
    text-align: center;
    line-height: 1.3;
    width: 100%;
}

.sts-thumb i {
    font-size: 28px;
    color: #333;
    transition: all 0.3s ease;
}

.sts-thumb svg {
    width: 40px;
    height: 40px;
    fill: #333;
    transition: all 0.3s ease;
}

.sts-thumb.active {
    border-color: var(--subtitle-color, #E30613);
    /* transform: translateY(-5px); KALDIRILDI */
}

.sts-thumb.active i,
.sts-thumb.active svg {
    color: var(--subtitle-color, #E30613);
    fill: var(--subtitle-color, #E30613);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .sts-image-container {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .sts-slider {
        padding-left: 20px;
    }
    
    .sts-title {
        font-size: calc(var(--title-size, 48px) * 0.7);
    }
    
    .sts-image-container {
        height: 300px;
    }
}
/* Detaylı Bilgi Linki Güncelleme */
.sts-detail-link.company-life__link {
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:500;
    color:#111827;
    text-decoration:none;
    border-bottom:none;
}
.sts-detail-link.company-life__link .bar {
    display:inline-block;
    height:2px;
    width:18px;
    flex:0 0 auto;
    background:#ef4444;
    transition: width .22s ease;
}
.sts-detail-link.company-life__link:hover .bar {
    width:26px;
}
.sts-detail-link.company-life__link:hover {
    border-bottom:none;
}

/* === Detaylı Bilgi (company-life__link) stileleri === */
.sts-detail-link.company-life__link {
  display:inline-flex; align-items:center; gap:10px;
  font-size:14px; font-weight:500; color:#111827; text-decoration:none;
  border-bottom:1px solid transparent;
}
.sts-detail-link.company-life__link .bar {
  display:inline-block; height:2px; width:18px; flex:0 0 auto;
  background:#ef4444; /* accent color; dilersen değiştir */
  transition: width .22s ease;
}
.sts-detail-link.company-life__link:hover .bar { width:26px; }
.sts-detail-link.company-life__link:hover { border-bottom-color:#111827; }


/* === Mobile single-row icon adjustments (v1.6) === */
@media (max-width: 768px) {
  .sts-thumbs {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
  }
  .sts-thumb-container {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0; /* allow shrink */
  }
  .sts-thumb {
    width: clamp(32px, 9vw, 48px) !important;
    height: clamp(32px, 9vw, 48px) !important;
    padding: 6px !important;
    border-radius: 9999px !important;
  }
  .sts-thumb i, .sts-thumb svg, .sts-thumb img {
    max-width: 70%;
    max-height: 70%;
  }
  .sts-thumb-label {
    font-size: 11px;
    line-height: 1.1;
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* === Mobile label multiline wrapping (v1.7) === */
@media (max-width: 768px) {
  .sts-thumb-label {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* show max 2 lines */
    -webkit-box-orient: vertical;
    font-size: 11px !important;
    line-height: 1.2;
    text-align: center;
    word-break: break-word;
  }
  .sts-thumbs {
    gap: 10px !important; /* reduce spacing */
  }
}


/* === Mobile label multi-line clamp & tighter gaps (v1.7) === */
@media (max-width: 768px) {
  .sts-thumbs {
    gap: 10px !important; /* was 14px */
  }
  .sts-thumb-label {
    font-size: 11px;
    line-height: 1.2;
    margin-top: 6px;
    white-space: normal;              /* allow wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;             /* required for line-clamp */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;            /* show up to 2 lines then ... */
    max-height: calc(1.2em * 2);      /* fallback for some browsers */
  }
}


/* === Mobile icon vertical alignment fix (v1.8) === */
@media (max-width: 768px) {
  .sts-thumb {
    margin-bottom: 0 !important; /* remove 30px-like spacing */
  }
  .sts-thumbs {
    align-items: flex-start !important;
  }
}


/* === Mobile: remove top margin above icons (v1.8) === */
@media (max-width: 768px) {
  .sts-thumbs {
    margin-top: 0 !important; /* was 30px */
  }
}


/* === Make slider photos not clickable (v1.9) === */
.sts-image, .sts-image-container, .sts-image-wrapper img {
  pointer-events: none !important;
}


/* === Photos non-clickable & non-draggable (v1.9) === */
.sts-image {
  pointer-events: none;          /* no clicks on main photo */
  -webkit-user-drag: none;       /* disable drag on Safari */
  user-select: none;
}
/* In case images are wrapped by anchors in theme overrides */
.sts-image-container a,
.sts-image-wrapper a {
  pointer-events: none;
  cursor: default;
}