/* ============================================================
   DigiDuty'ye ozel duzeltmeler.
   style.css tema dosyasidir (style.less'ten uretiliyor) — orayi
   degistirmek yerine tema kurallarini burada eziyoruz.
   Bu dosya head'de EN SON yuklenmeli.
   ============================================================ */

/* --- Proje kartlari: dokunmatik cihazda baslik gorunmuyordu ---
   Tema kurali `.project-item:hover .project-content { opacity:1 }` ile
   proje adini ve aciklamasini yalnizca fare uzerine gelince aciyor.
   Dokunmatik ekranda :hover guvenilir sekilde tetiklenmez, dolayisiyla
   telefonda dort kartin da adi ve aciklamasi HIC gorunmuyordu —
   ziyaretci sadece dort adet baglamsiz ekran goruntusu goruyordu.
   Isaretleme cihazi olmayan cihazlarda icerigi kalici olarak acik tut. */
@media (hover: none) {
    .rs-project.style4 .project-item .project-content {
        position: static;
        transform: none;
        opacity: 1;
        width: 100%;
        padding: 18px 4px 0;
        background: transparent;
        box-shadow: none;
    }
    /* Icerik artik akista yer kapladigi icin kirpilmamali */
    .rs-project.style4 .project-item {
        overflow: visible;
    }
    .rs-project.style4 .project-item .project-content .title {
        font-size: 17px;
        line-height: 1.4;
    }
}

/* --- Proje gorselleri: kartlar esit yukseklikte kalsin ---
   Kaynak gorseller 612x408 (3:2). Tema `object-fit: fill` kullaniyor;
   sutun genisligi degistiginde goruntu geriliyor. Orani koru. */
.rs-project.style4 .project-item .project-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}


/* --- Referans logo seridi ---
   Owl carousel yerine sabit satir: sahne genisligini logo sayisina gore
   hesaplayip sola yaslamiyor, her sayida kendiliginden ortaliyor.
   Dar ekranda alt alta sarar. */
.digiduty-logo-serit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px 60px;
}
.digiduty-logo-serit .partner-item {
    /* Tema .partner-item'a carousel icin tam genislik veriyor; flex
       satirinda her logo kendi genisligi kadar yer kaplamali. */
    flex: 0 0 auto;
    width: auto;
    max-width: 240px;
}
.digiduty-logo-serit .logo-img img {
    max-width: 100%;
    height: auto;
}

/* --- Proje bilgileri kutusu: gorunmez baglanti ---
   Kutunun zemini tema turkuazi (#339FAF) ve tema genel <a> rengi de
   ayni turkuaz. "Adres" satirindaki baglanti turkuaz uzerine turkuaz
   dustugu icin bos gorunuyordu. Kutu icindeki metin beyaz, baglanti da
   beyaz olmali; ayirt edilsin diye alti cizili. */
.ps-informations a {
    color: #fff;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
.ps-informations a:hover {
    color: #fff;
    opacity: .8;
}

/* --- Proje bilgileri kutusu: etiket/deger duzeni ---
   Tema etiketi (<span>) ve degeri ayni satira akitiyordu; deger uzun
   olunca etiketin ALTINA sariyor ve liste kirik gorunuyordu
   ("Kullanicilar: Uyeler, egitmenler, / resepsiyon, yoneticiler").
   Iki sutunlu grid: etiket solda sabit, deger sagda kendi sutununda
   sarar. Dar ekranda alt alta gecer ama hizalama korunur. */
.ps-informations ul li {
    display: grid;
    grid-template-columns: minmax(88px, 34%) 1fr;
    gap: 4px 12px;
    align-items: start;
}
.ps-informations ul li > span {
    /* Etiket: kendi sutununda, degerle ayni satirda baslar */
    display: block;
    padding-right: 4px;
}
@media (max-width: 480px) {
    .ps-informations ul li {
        grid-template-columns: 1fr;   /* dar ekranda alt alta */
        gap: 2px;
    }
}

/* --- Vaka calismasi kapak gorseli ---
   Kaynak 1224x816 (2x); kapsayicisina sigsin ve orani bozulmasin. */
.rs-case-studies-single .services-img img,
.rs-services-single .services-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 5px;
}

/* --- Tema yer tutucu arka planlari ---
   contact-phone.jpg (410x400) ve bg/cta-bg.jpg (1920x800) uzerinde
   olculeri yazan gri yer tutucu gorsellerdi; sayfada acikca "410x400" /
   "1920x800" gorunuyordu. Gorsel yerine sitenin kendi renklerinde
   degrade: hem dogru gorunur hem de iki dosya birden inmez. */
.rs-services-single .services-add,
.services-add {
    background: linear-gradient(150deg, #1d4e5a 0%, #339faf 100%) !important;
}
.rs-cta.style1.bg7 {
    background: linear-gradient(120deg, #0f1a2b 0%, #1d4e5a 55%, #339faf 100%) !important;
}

/* --- Footer alt menu hizasi ---
   6 madde tek satira sigmiyor, ikinci satir saga yaslanip ortada
   kirik duruyordu (kapsayici text-right). Flex + wrap: satirlar
   kendi icinde hizali kalir, dar ekranda duzgun sarar. */
.copy-right-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px 0;
}
@media (max-width: 991px) {
    .copy-right-menu { justify-content: center; }
}


/* --- Kurumsal sayfalarin fayda listesi ---
   musterimiz-olun / is-ortagimiz-olun / yatirimci-iliskileri / kariyer
   sayfalarinda "Baslik: aciklama" seklinde 5 madde var. Temada bu desene
   uyan hazir bilesen `services-wrap` ama o ikon GORSELI bekliyor ve elimizde
   yalnizca uc adet ikon dosyasi var (assets/images/choose/icons). Ikon
   uydurmak yerine sol kenardan renk seridi olan sade bir kart kullaniyoruz;
   ek gorsel indirilmiyor.
   Renk sitenin turkuazi (#339FAF) — tema baglanti rengiyle ayni. */
.dd-fayda-listesi {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dd-fayda-listesi > li {
    background: #F5F6FE;
    border-left: 3px solid #339FAF;
    border-radius: 5px;
    padding: 22px 26px;
    margin-bottom: 18px;
}
.dd-fayda-listesi > li:last-child {
    margin-bottom: 0;
}
.dd-fayda-listesi .dd-fayda-baslik {
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    color: #0a0a0a;
    margin: 0 0 8px;
}
.dd-fayda-listesi p {
    margin: 0;
}
@media (max-width: 575px) {
    /* 390px'te 26px yan bosluk metni gereksiz daraltiyor */
    .dd-fayda-listesi > li {
        padding: 18px 18px;
        margin-bottom: 14px;
    }
    .dd-fayda-listesi .dd-fayda-baslik {
        font-size: 17px;
        line-height: 26px;
    }
}

/* --- Kurumsal sayfalarin form bolumu ---
   contact.html'deki form ayni genislikte iki sutun icinde duruyor; burada
   tek sutun ve ortalanmis. Tema `.from-control` (evet, "from") sinifini
   kullaniyor, o yuzden ek kural gerekmiyor; yalnizca bolum basligi ortalanir. */
.dd-form-bolumu .sec-title2 {
    text-align: center;
}
.dd-form-bolumu .contact-widget {
    max-width: 860px;
    margin: 0 auto;
}


/* --- WhatsApp destek hatti ---
   Yan sutundaki koyu kutunun (services-add) icinde, telefonun altinda.
   Kutunun zemini koyu degrade oldugu icin dugme beyaz cerceveli; uzerine
   gelince WhatsApp yesiline (#25D366) doner. Dokunma hedefi 24x24 px
   kuralinin uzerinde kalsin diye dikey dolgu 12px.  */
.dd-wa {
    margin-top: 18px;
}
.dd-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 4px;
    color: #fff !important;
    font-weight: 600;
    line-height: 1.2;
    transition: .3s;
}
.dd-wa-btn:hover,
.dd-wa-btn:focus {
    background: #25D366;
    border-color: #25D366;
    color: #fff !important;
}
.dd-wa-btn .fa-whatsapp {
    font-size: 20px;
}

/* Footer ve iletisim kutusundaki WhatsApp satirlari tema ikonlariyla
   (flaticon-*) ayni hizada dursun diye ayni boyut veriliyor. */
.address-widget li .fa-whatsapp,
.address-box .address-icon .fa-whatsapp {
    font-size: 20px;
}

/* Footer iletisim baglantilari 20px yuksekligindeydi; dokunma hedefi icin
   asgari 24px. Satir yuksekligini degil ic dolguyu artiriyoruz, boylece
   footer'in gorunumu ayni kaliyor. */
.address-widget .desc a {
    display: inline-block;
    padding: 3px 0;
}

/* Kurumsal sayfalarda fayda listesinin ustundeki ara baslik.
   Temanin rs-spacing.css dosyasinda .mt-40 YOK (mt-30 ve mt-34 var), bu
   yuzden baslik listenin dibine yapisiyordu. Bosluk kendi sinifimizda. */
.dd-bolum-baslik {
    margin-top: 52px;
    margin-bottom: 26px;
}
@media (max-width: 575px) {
    .dd-bolum-baslik {
        margin-top: 38px;
        margin-bottom: 20px;
    }
}

/* Form bolumunun zemini #F5F6FE, temanin girdi zemini ise #F6F7F9 —
   iki renk neredeyse ayni oldugu icin alanlar gorunmez oluyordu.
   Bu bolumde girdiler beyaz ve ince cerceveli. */
.dd-form-bolumu .contact-widget .from-control {
    background-color: #fff;
    border: 1px solid #E3E6F0;
}
.dd-form-bolumu .contact-widget .from-control:focus {
    border-color: #339FAF;
    outline: none;
}


/* ============================================================
   Yapay Zeka Cozumleri sayfasi bilesenleri
   ============================================================ */

/* --- Karar tablosu (RAG / ince ayar / agent) ---
   Dort sutunlu tablo 390px'e sigmaz. Sayfayi yana kaydirmak yerine
   tabloyu KENDI kabinda kaydiriyoruz; boylece govde 390px'te kalir.
   min-width, sutunlarin okunmaz derecede daralmasini engelliyor. */
.dd-tablo-kaydir {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 5px;
    border: 1px solid #E3E6F0;
    background: #fff;
}
.dd-tablo {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    margin: 0;
}
.dd-tablo th,
.dd-tablo td {
    padding: 16px 18px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #EDEFF6;
    font-size: 15px;
    line-height: 24px;
}
.dd-tablo thead th {
    background: #0f1a2b;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}
.dd-tablo tbody th {
    font-weight: 600;
    color: #0a0a0a;
    width: 22%;
}
.dd-tablo tbody tr:last-child th,
.dd-tablo tbody tr:last-child td {
    border-bottom: 0;
}
.dd-tablo tbody tr:nth-child(even) th,
.dd-tablo tbody tr:nth-child(even) td {
    background: #FAFBFE;
}
.dd-tablo-alt {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #6b7280;
}

/* --- Agent desenleri: genis ekranda iki sutun --- */
@media (min-width: 768px) {
    .dd-desen-listesi {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
    .dd-desen-listesi > li {
        margin-bottom: 0;
    }
}

/* --- Surec adimlari --- */
.dd-surec {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dd-surec > li {
    display: flex;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid #E3E6F0;
}
.dd-surec > li:last-child {
    border-bottom: 0;
}
.dd-surec .dd-adim-no {
    flex: 0 0 auto;
    font-size: 22px;
    font-weight: 700;
    color: #339FAF;
    line-height: 1.2;
    min-width: 42px;
}
.dd-surec p {
    margin: 0;
}

/* --- Teknoloji etiketleri ---
   Bitisik satir-ici ogelerde satir sonu yutulup tasma olmasin diye
   flex + wrap + gap; her etiket kendi genisligi kadar yer kaplar. */
.dd-yigin {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.dd-yigin > li {
    background: #fff;
    border: 1px solid #D9DEEC;
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 20px;
    color: #35404f;
}

/* --- Vaka kutusu (GumrukBilge AI) --- */
.dd-vaka {
    border: 1px solid #E3E6F0;
    border-radius: 8px;
    padding: 36px 38px;
    background: #fff;
}
.dd-vaka-etiket {
    display: inline-block;
    background: #E8F5F7;
    color: #1d4e5a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 5px 14px;
    margin-bottom: 14px;
}
.dd-vaka h2 {
    margin-bottom: 18px;
}
.dd-vaka-sayilar {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 26px 0 26px;
    padding: 0;
}
.dd-vaka-sayilar > li {
    flex: 1 1 190px;
    background: linear-gradient(150deg, #1d4e5a 0%, #339faf 100%);
    color: #fff;
    border-radius: 6px;
    padding: 18px 20px;
}
.dd-vaka-sayilar strong {
    display: block;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
}
.dd-vaka-sayilar span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    opacity: .9;
    margin-top: 4px;
}
@media (max-width: 575px) {
    .dd-vaka {
        padding: 24px 20px;
    }
    .dd-vaka-sayilar > li {
        flex: 1 1 100%;
        padding: 16px 18px;
    }
    .dd-vaka-sayilar strong {
        font-size: 23px;
    }
    .dd-surec > li {
        gap: 12px;
    }
    .dd-surec .dd-adim-no {
        font-size: 19px;
        min-width: 34px;
    }
}


/* --- Temada eksik olan bosluk siniflari ---
   rs-spacing.css bir tema dosyasi ve TUM olculeri tanimlamiyor: pt-120,
   pb-120, md-pt-70 var ama pt-90, pb-90, pt-100, pb-100, md-pt-60,
   md-pb-60, md-pb-70 ve mt-40 YOK. Bunlari kullanan bir bolum sessizce
   SIFIR bosluklu render oluyor — yeni sayfalarda bolumler birbirine
   yapismisti. Temanin kendi adlandirmasini surduruyoruz ki ileride
   isaretlemeye bakan biri surprizle karsilasmasin.
   Olculer temanin 10'ar artan duzenine uygun. */
.pt-0  { padding-top: 0; }
.pt-90 { padding-top: 90px; }
.pb-90 { padding-bottom: 90px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.mt-40 { margin-top: 40px; }

@media only screen and (max-width: 991px) {
    .md-pt-60 { padding-top: 60px; }
    .md-pb-60 { padding-bottom: 60px; }
    .md-pb-70 { padding-bottom: 70px; }
}

/* --- Ana sayfa servis izgarasi: son satir ortalansin ---
   Kart sayisi 7 oldu (Yapay Zeka Cozumleri eklendi) ve col-lg-4 duzeninde
   son satirda tek kart kaliyor. Bootstrap onu sola yasliyor, izgara kirik
   goruluyordu. Flex satirinda justify-content:center YALNIZCA eksik kalan
   satiri ortalar; dolu satirlar oldugu gibi kalir. */
#rs-services > .container > .row:last-child {
    justify-content: center;
}


/* --- Ekip karti: bas harf rozeti ---
   Onceki gorseller assets/images/team/style1/*.jpg idi; bunlar fotograf
   degil, uzerinde "768x768" yazan gri tema yer tutucularidi (ve 4.jpg iki
   kisi icin birden kullaniliyordu). Gercek fotograf gelene kadar kisinin
   bas harfleri gosteriliyor: ek dosya inmiyor, kimse baskasinin resmiyle
   temsil edilmiyor. Gercek fotograflar hazir olunca bu span yerine <img>
   konabilir; kart duzeni ayni kalir. */
.rs-team .image-inner .dd-avatar,
.team-wrap .image-inner .dd-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(150deg, #1d4e5a 0%, #339faf 100%);
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
    user-select: none;
}
@media (max-width: 575px) {
    .rs-team .image-inner .dd-avatar,
    .team-wrap .image-inner .dd-avatar {
        font-size: 40px;
    }
}


/* --- 404 sayfasinin arka plani ---
   Tema .page-error icin assets/images/bg/error.jpg kullaniyordu; bu bir
   fotograf degil, uzerinde "1920x960" yazan duz gri yer tutucu. Sayfayi
   acan ziyaretci ekranin tamaminda bu yaziyi goruyordu. Daha once
   cta-bg.jpg icin yapildigi gibi sitenin kendi renklerinde degradeye
   ceviriyoruz: hem dogru gorunur hem 34 KB'lik dosya inmez. */
.page-error {
    background: linear-gradient(135deg, #0f1a2b 0%, #1d4e5a 55%, #339faf 100%) !important;
}