/* ================================
   SVG Icon System
   Tüm ikonlar bu dosyada tanımlı
================================ */

/* --- Temel ikon kap kuralı --- */

.thp-service-icon img,
.thp-assurance-icon img,
.thp-akd-copy-points img,
.thp-fieldops-points img {
    display: block !important;
    width: var(--ico-w, 28px);
    height: var(--ico-h, 32px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
}

/* Control icon alanı için SVG desteği */
.thp-control-icon img {
    display: block;
    width: var(--ico-w, 24px);
    height: var(--ico-h, 24px);
    object-fit: contain;
    flex-shrink: 0;
}

/* Management card icon image override */
.thp-management-card-icon img {
    display: block !important;
    width: var(--ico-w, 24px);
    height: var(--ico-h, 24px);
    object-fit: contain;
    flex-shrink: 0;
}

/* Customer Care icon image override */
.thp-customer-care-points img {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(13, 92, 132, 0.1);
    object-fit: contain;
    flex-shrink: 0;
}

/* FieldOps Board icon override */
.thp-fieldops-board-icon img {
    display: block !important;
    width: var(--ico-w, 24px);
    height: var(--ico-h, 24px);
    object-fit: contain;
    flex-shrink: 0;
}

/* StoryOffice icon override */
.thp-story-office-points img.ico {
    width: 54px;
    height: 54px;
    padding: 12px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 92, 132, 0.1);
    object-fit: contain;
}

/* fieldOps-Points icon override */
.thp-fieldops-points img {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(13, 92, 132, 0.1);
    object-fit: contain;
    flex-shrink: 0;
}

/* fieldOps-Points icon override */
.st-spec-icon img {
    width: 35px;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: auto;
}

/* af-icon icon override */
.tech-home-page .af-icon img.ico {
    width: 40px;
    height: 45px;
    object-fit: contain;
    display: block;
    margin: auto;
}

/* feature-icon icon override */
.mp-feature-icon img {
    width: 70px;
    height: 60px;
    display: block;
    flex-shrink: 0;
}

.fm-page .fm-story-icon img.ico {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
    margin: auto;
    filter: brightness(0) invert(1);
    flex-shrink: 0;
}

.student-transportation-page .st-mini-icon img.ico {
    width:35px;
    height: 30px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.osh-culture-icon img.ico {
    width: 35px;
    height: 35px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.st-mini-icon img.ico {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.pt-mini-icon img {
    display: block !important;
    width: var(--ico-w, 28px);
    height: var(--ico-h, 28px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
}

.pt-info-icon img {
    display: block !important;
    width: var(--ico-w, 30px);
    height: var(--ico-h, 30px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
}

.st-info-icon img {
    display: block !important;
    width: var(--ico-w, 30px);
    height: var(--ico-h, 30px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
}

/* =================================
   VT TECH ITEM - IMG ICON SYSTEM
================================= */
.vt-driver-mini img {
    display: block !important;
    width: var(--ico-w, 18px);
    height: var(--ico-h, 18px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 2px;
}

.vt-tech-item img {
    display: block !important;
    width: var(--ico-w, 18px);
    height: var(--ico-h, 18px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 2px;
    transition: transform 0.28s ease, filter 0.28s ease;
}

/* hover efect */
.vt-tech-item:hover img,
.vt-tech-item.is-hovered img {
    transform: scale(1.08);
    filter: brightness(1.1);
}

.vt-digital-icon img {
    display: block !important;
    width: var(--ico-w, 24px);
    height: var(--ico-h, 24px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
    transition: transform 0.28s ease, filter 0.28s ease;
}

/* hover efect */
.vt-digital-card:hover .vt-digital-icon img,
.vt-digital-card.is-hovered .vt-digital-icon img {
    transform: scale(1.08) rotate(-3deg);
    filter: brightness(1.1);
}

.vt-pillar-icon img {
    display: block !important;
    width: var(--ico-w, 28px);
    height: var(--ico-h, 28px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
    transition: transform 0.32s ease, filter 0.32s ease;
}

/* hover efect */
.vt-pillar-card:hover .vt-pillar-icon img,
.vt-pillar-card.is-hovered .vt-pillar-icon img {
    transform: scale(1.08) rotate(-3deg);
    filter: brightness(1.1);
}


/*   OccupationalSafety  */
.osh-pillar-icon img {
    display: block !important;
    width: var(--ico-w, 26px);
    height: var(--ico-h, 26px);
    max-width: none !important;
    object-fit: contain;
    flex-shrink: 0;
    transition: transform 0.28s ease, filter 0.28s ease;
}

/* hover efect */
.osh-pillar-card:hover .osh-pillar-icon img,
.osh-pillar-card.is-hovered .osh-pillar-icon img {
    transform: scale(1.08);
    filter: brightness(1.1);
}



/* ================================
   İkon Boyut Sınıfları
================================ */

/* Personel Taşımacılığı */
.ico--pers {
    --ico-w: 36px;
    --ico-h: 40px;
    content: url('../img/icons/pers.svg');
}

/* Öğrenci Taşımacılığı */
.ico--student {
    --ico-w: 40px;
    --ico-h: 45px;
    content: url('../img/icons/ogr.svg');
}

/* VIP Transfer */
.ico--vip {
    --ico-w: 38px;
    --ico-h: 32px;
    content: url('../img/icons/vip.svg');
}

/* Araç Kiralama */
.ico--car {
    --ico-w: 36px;
    --ico-h: 30px;
    content: url('../img/icons/rent.svg');
}

/* Servis Yoklama */
.ico--yok {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/yoklama.svg');
}

/* Yolcu Listeleri */
.ico--yolcuListe {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/yolculiste.svg');
}

/* Hakediş Raporları */
.ico--hakedis {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/hakedis.svg');
}

/* Koordinasyon */
.ico--koordinasyon {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/koordinasyon.svg');
}

/* Aktif Destek */
.ico--aktifDestek {
    --ico-w: 30px;
    --ico-h: 35px;
    content: url('../img/icons/aktifDestek.svg');
}

/* Operasyon Koordinasyon */
.ico--operasyonKoordine {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/operasyonKoordine.svg');
}

/* Kurumsal Ekip */
.ico--ekip {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/ekip.svg');
}

/* Aktif Saha */
.ico--aktifSaha {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/aktifSaha.svg');
}

/* Çetele */
.ico--cetele {
    --ico-w: 25px;
    --ico-h: 35px;
    content: url('../img/icons/cetele.svg');
}

/* Canlı Konum İzleme */
.ico--live {
    --ico-w: 35px;
    --ico-h: 40px;
    content: url('../img/icons/live.svg');
}

/* Canlı Konum İzleme */
.ico--live1 {
    --ico-w: 35px;
    --ico-h: 40px;
    content: url('../img/icons/live1.svg');
}

/* Canlı  */
.ico--canli {
    --ico-w: 35px;
    --ico-h: 38px;
    content: url('../img/icons/canli.svg');
}

/* Sürücü Ekran */
.ico--surucuEkran {
    --ico-w: 40px;
    --ico-h: 45px;
    content: url('../img/icons/surucuEkran.svg');
}

/* Araç Akışı */
.ico--aracAkis {
    --ico-w: 70px;
    --ico-h: 60px;
    content: url('../img/icons/aracAkis.svg');
}

/* Öğrenci Gruplama */
.ico--ogrenciGrup {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/ogrenciGrup.svg');
}

/* Anlık Araç İzleme */
.ico--anlikArac {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/anlikArac.svg');
}

/* Rehber Denetim */
.ico--rehberDenetim {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/rehberDenetim.svg');
}

/* İletişim */
.ico--iletisim {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/iletisim.svg');
}

/* Katılım */
.ico--katilim {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/katilim.svg');
}

/* Eğitim */
.ico--egitim {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/egitim.svg');
}

/* Sürücü Eğitim */
.ico--sEgitim {
    --ico-w: 35px;
    --ico-h: 30px;
    content: url('../img/icons/sEgitim.svg');
}

/* Kurumsal Bina */
.ico--kurumsal {
    content: url('../img/icons/kurumsal.svg');
}

/* Eğitimli Sürücü */
.ico--egitimliSurucu {
    content: url('../img/icons/egitimliSurucu.svg');
}

/* 7/24 Takip GPS */
.ico--gps {
    content: url('../img/icons/gps.svg');
}

/* Bağımsız Denetim */
.ico--bagimsizDenetim {
    content: url('../img/icons/bagimsizDenetim.svg');
}

/* Saha Takibi */
.ico--sahaTakibi {
    content: url('../img/icons/sahaTakibi.svg');
}

/* Sigorta Güvencesi */
.ico--sigortaGuvencesi {
    content: url('../img/icons/sigortaGuvencesi.svg');
}

/* Yasal Uyum */
.ico--yasalUyum {
    content: url('../img/icons/yasalUyum.svg');
}

/* Sürüş Eğitimi */
.ico--surusEgitim {
    content: url('../img/icons/surusEgitim.svg');
}

/* Misafir İlişkileri */
.ico--misafirIliski {
    content: url('../img/icons/misafirIliski.svg');
}

/* Misafir İlişkileri Bold */
.ico--mIliski {
    content: url('../img/icons/mIliski.svg');
}

/* Geçmiş Rota İzleme */
.ico--gecmisRota {
    content: url('../img/icons/gecmisRota.svg');
}

/* Geçmiş Rota İzleme Bold */
.ico--gRota {
    content: url('../img/icons/gRota.svg');
}

/* Araç Takip */
.ico--aracTakip {
    content: url('../img/icons/aracTakip.svg');
}

/* Raporlama */
.ico--rapor {
    content: url('../img/icons/rapor.svg');
}

/* Planlı Opersyon */
.ico--planliOperasyon {
    content: url('../img/icons/planliOperasyon.svg');
}

/* Düzenli Eğitim */
.ico--dEgitim {
    content: url('../img/icons/dEgitim.svg');
}

/* Risk Değerlendirme */
.ico--risk {
    content: url('../img/icons/risk.svg');
}

/* Koruyucu Yaklaşım */
.ico--koruyucu {
    content: url('../img/icons/koruyucu.svg');
}

/* Sürekli İyileştirme */
.ico--iyilestirme {
    content: url('../img/icons/iyilestirme.svg');
}