/* Kurumsal sayfa + KVKK — 16.09.2026
   Yalnız kurumsal.php, kvkk.php ve EN eşleniklerinden çağrılır.
   css/style.css'e dokunulmaz. */

/* Site govde fontu — #about-mid-section disindaki bolumler bunu kendisi almali */
.kurumsal-bolum            { padding: 60px 0; font-family: 'Montserrat', sans-serif; }
.kurumsal-bolum > .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.kurumsal-bolum h2         { margin-bottom: 32px; }
/* Capa hedefi: sabit ust cubugun altinda kalmasin */
.kurumsal-capa             { display: block; position: relative; top: -90px; visibility: hidden; }
/* Flex satiri icindeki kartlara <span> capa sokulamaz (flex ogesi olur); id dogrudan
   karta verilir, ust cubuk payi scroll-margin ile acilir (18.09.2026). */
.kurumsal-capa-hedef       { scroll-margin-top: 100px; }

/* ---------- Organizasyon ağacı ---------- */
.org-sema        { overflow-x: auto; padding: 16px 0; }
.org-sema ul     { list-style: none; margin: 0; padding: 0; }

.org-kutu {
    display: inline-block;
    min-width: 170px;
    padding: 12px 18px;
    border: 1px solid rgba(14,55,66,.18);
    border-radius: 6px;
    text-align: center;
    background: #f5f8f9;
    color: #0e3742;
    box-shadow: 0 1px 2px rgba(14,55,66,.06);
}
.org-birim { display: block; font-weight: 600; }
.org-unvan { display: block; font-size: .85em; opacity: .75; margin-top: 4px; }

/* Masaüstü: yatay ağaç, CSS ile bağlantı çizgileri */
@media (min-width: 961px) {
    /* width:max-content + margin:auto -> dar agac ortalanir, genis agacta
       soldaki tasma kaydirmayla ERISILEBILIR kalir. Yalniz justify-content:center
       kullanilinca bastaki tasma erisilemez oluyordu (18.09.2026). */
    .org-sema > .org-dal            { display: flex; justify-content: center;
                                      width: max-content; margin: 0 auto; }
    .org-dal                        { display: flex; justify-content: center; }
    .org-dal > li {
        position: relative;
        padding: 28px 10px 0;
        text-align: center;
        list-style: none;
    }
    .org-dal > li::before,
    .org-dal > li::after {
        content: '';
        position: absolute;
        top: 0;
        width: 50%;
        height: 28px;
        border-top: 1px solid rgba(14,55,66,.28);
    }
    .org-dal > li::before { right: 50%; }
    .org-dal > li::after  { left: 50%;  border-left: 1px solid rgba(14,55,66,.28); }
    .org-dal > li:only-child::before,
    .org-dal > li:only-child::after { display: none; }
    .org-dal > li:only-child        { padding-top: 28px; }
    .org-dal > li:first-child::before,
    .org-dal > li:last-child::after { border-top: 0; }
    .org-dal > li:last-child::before { border-right: 1px solid rgba(14,55,66,.28); }
    /* Ust kutudan cocuk satirina inen dikey cizgi.
       TUZAK (18.09.2026): .org-dal bir FLEX konteyner oldugu icin bu sozde-eleman
       blok degil FLEX OGESI olur; max-content genisliginde bos alan bulunmadigindan
       "margin: 0 auto" sifira coker ve cizgi kutunun altina degil alt dalin EN SOL
       ucuna cizilirdi (kok icin 2256 px kayma). Cozum: mutlak konumlandirma.
       Ust bosluk .org-dal'in padding-top'u ile aciliyor; cizgi tam o bosluga oturuyor. */
    .org-dal .org-kutu + .org-dal  { position: relative; padding-top: 28px; }
    .org-dal .org-kutu + .org-dal::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 28px;
        margin: 0;
        border-left: 1px solid rgba(14,55,66,.28);
    }
}

/* Mobil / tablet: dikey girintili liste */
@media (max-width: 960px) {
    .org-dal        { display: block; }
    .org-dal .org-dal { margin-left: 22px; border-left: 1px solid rgba(14,55,66,.22); padding-left: 16px; }
    .org-dal > li   { display: block; margin: 10px 0; list-style: none; }
    .org-kutu       { display: block; min-width: 0; text-align: left; }
}

.org-yetim        { margin-top: 36px; padding-top: 16px; border-top: 1px dashed rgba(14,55,66,.25); }
.org-yetim h4     { margin-bottom: 8px; opacity: .8; }
.org-yetim ul     { margin: 0; padding-left: 20px; }

/* ---------- Organizasyon şeması — kart yerleşimi (19.09.2026) ----------
   Eski yatay ağaç 4.517 px genişliğe çıkıp yatay kaydırma gerektiriyordu.
   Bu yerleşim her ekran genişliğine uyar: kök kutu + kurmay satırı + departman
   kartları ızgarası (>=1000px 3 sütun, >=640px 2 sütun, altında 1 sütun). */
.org-sema-kart            { --org-petrol: #0e3742; --org-kirmizi: #CF372D; --org-cizgi: rgba(14,55,66,.18); }
.org-sema-kart .org-birim { display: block; font-weight: 700; letter-spacing: .2px; }
.org-sema-kart .org-unvan { display: block; font-size: .84em; font-weight: 500; opacity: .78; margin-top: 3px; }

/* Kök: sayfanın ortasında, petrol dolgulu */
.org-tepe                 { display: flex; justify-content: center; }
.org-kok {
    background: var(--org-petrol);
    color: #fff;
    border-radius: 8px;
    padding: 16px 32px;
    text-align: center;
    min-width: 260px;
    box-shadow: 0 6px 18px rgba(14,55,66,.18);
}
.org-kok .org-birim       { font-size: 1.05rem; }
.org-kok .org-unvan       { opacity: .85; }

/* Kökten aşağı inen gövde çizgisi (yalnız blok kapsayıcılara; ızgaraya değil) */
.org-kurmay, .org-govde   { position: relative; }
.org-kurmay::before, .org-govde::before {
    content: '';
    position: absolute;
    top: -26px;
    left: 50%;
    width: 0;
    height: 26px;
    border-left: 2px solid var(--org-cizgi);
}
.org-tepe                 { margin-bottom: 26px; }

/* Kurmay / doğrudan bağlı birimler (ör. İSG danışmanlığı) */
.org-kurmay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
    padding: 12px 14px;
    border: 1px dashed var(--org-cizgi);
    border-radius: 8px;
    background: rgba(245,248,249,.6);
}
.org-kurmay-baslik        { font-size: .78rem; text-transform: uppercase; letter-spacing: .6px; opacity: .65; color: var(--org-petrol); }
.org-kurmay-kutu {
    background: #fff;
    border: 1px solid var(--org-cizgi);
    border-radius: 6px;
    padding: 8px 14px;
    color: var(--org-petrol);
    text-align: center;
}
.org-kurmay-kutu .org-birim { font-size: .9rem; }
.org-kurmay-kutu .org-unvan { font-size: .78rem; }

/* Departman kartları */
.org-govde                { padding-top: 0; }
.org-kartlar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));   /* 6 departman -> 3 + 3 dengeli */
    gap: 16px;
    align-items: stretch;
}
@media (max-width: 1080px) { .org-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.org-kart {
    border: 1px solid var(--org-cizgi);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 2px rgba(14,55,66,.06);
}
.org-kart-bas {
    background: #f5f8f9;
    border-bottom: 1px solid var(--org-cizgi);
    border-top: 3px solid var(--org-kirmizi);
    padding: 12px 14px;
    color: var(--org-petrol);
}
.org-kart-bas .org-birim  { font-size: .88rem; line-height: 1.35; }
.org-kart-bas .org-unvan  { font-size: .8em; }

/* Kart içindeki birimler */
.org-kart .org-liste      { list-style: none; margin: 0; padding: 10px 14px 12px; }
.org-kart .org-liste li   { position: relative; padding-left: 16px; margin: 0 0 8px; }
.org-kart .org-liste li:last-child { margin-bottom: 0; }
.org-kart .org-liste li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .55em;
    width: 8px;
    height: 0;
    border-top: 1px solid var(--org-cizgi);
}
.org-kart .org-liste > li::after {
    content: '';
    position: absolute;
    left: 0;
    top: .55em;
    bottom: -8px;
    width: 0;
    border-left: 1px solid var(--org-cizgi);
}
.org-kart .org-liste > li:last-child::after { display: none; }
.org-birim-kutu           { color: var(--org-petrol); }
.org-birim-kutu .org-birim { font-size: .84rem; font-weight: 600; }
.org-birim-kutu .org-unvan { font-size: .74rem; }
/* Alt seviye (varsa) */
.org-kart .org-liste .org-liste { padding: 8px 0 0 14px; }

@media (max-width: 640px) {
    .org-kok              { min-width: 0; width: 100%; padding: 14px 18px; }
    .org-kurmay           { flex-direction: column; align-items: stretch; text-align: center; }
    .org-kartlar          { grid-template-columns: 1fr; gap: 14px; }
}

/* ---------- Değerler ---------- */
.degerler-metin        { line-height: 1.85; max-width: 900px; }
.degerler-metin p      { margin-bottom: 1.1em; }
.degerler-metin p:last-child { margin-bottom: 0; }
.degerler-metin ul     { padding-left: 22px; }
.degerler-metin li     { margin-bottom: 10px; }

/* ---------- KVKK / uzun metin sayfası ---------- */
.metin-sayfa           { padding-top: 140px; }
.metin-sayfa h1        { margin-bottom: 28px; }
.metin-govde           { line-height: 1.8; max-width: 900px; }
.metin-govde h2,
.metin-govde h3        { margin: 28px 0 12px; }
.metin-govde p         { margin-bottom: 1.1em; }
/* style.css ul'lere list-style:none veriyor; hukuki metinde maddeler işaretli olmalı */
.metin-govde ul        { padding-left: 24px; margin-bottom: 1.1em; list-style: disc; }
.metin-govde ol        { padding-left: 24px; margin-bottom: 1.1em; list-style: decimal; }
.metin-govde li        { margin-bottom: 8px; list-style: inherit; }
.metin-govde table     { width: 100%; border-collapse: collapse; margin: 18px 0; }
.metin-govde th,
.metin-govde td        { border: 1px solid rgba(14,55,66,.22); padding: 8px 10px; text-align: left; }
.metin-govde th        { background: #f5f8f9; }
.metin-surum           { margin-top: 32px; font-size: .85em; color: #0e3742; opacity: .65; }

/* ---------- Renk tonu ve tipografi (18.09.2026) ----------
   Bu bölümler önce saf siyah metin (#000) + nötr gri kutu kullanıyordu; sitenin
   geri kalanı ise petrol #0e3742 (bkz. style.css .about-mid-section p) ve
   --reddish #CF372D vurgusunu kullanıyor. Ton farkı görsel kopukluk yaratıyordu.
   Kurallar YALNIZ bu işle eklenen bölümlere kapsandı: #about-mid-section de
   .kurumsal-bolum sınıfını taşıdığı için genel bir .kurumsal-bolum seçicisi
   mevcut "Şirket Politikamız" / "Şirket Kültürümüz" başlıklarını da değiştirirdi. */
#organizasyon, #degerler, #organization, #values, .metin-sayfa { color: #0e3742; }

#organizasyon > .container > h2,
#degerler     > .container > h2,
#organization > .container > h2,
#values       > .container > h2,
.metin-sayfa h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 700;
    color: #0e3742;
}
/* ince kırmızı vurgu çizgisi: site paletindeki --reddish */
#organizasyon > .container > h2::after,
#degerler     > .container > h2::after,
#organization > .container > h2::after,
#values       > .container > h2::after,
.metin-sayfa h1::after {
    content: '';
    display: block;
    width: 56px;
    height: 3px;
    margin-top: 16px;
    background: #CF372D;
}

/* Ağaçta seviye vurgusu: kök dolu petrol, departmanlar bir ton koyu */
.org-sema > .org-dal > li > .org-kutu {
    background: #0e3742;
    border-color: #0e3742;
    color: #fff;
}
.org-sema > .org-dal > li > .org-kutu .org-birim,
.org-sema > .org-dal > li > .org-kutu .org-unvan { color: #fff; }
.org-sema > .org-dal > li > .org-dal > li > .org-kutu {
    background: #e6eef1;
    border-color: rgba(14,55,66,.30);
}

.metin-govde h2 { font-size: 1.35rem; font-weight: 700; color: #0e3742; }
.metin-govde h3 { font-size: 1.1rem;  font-weight: 700; color: #0e3742; }

/* ---------- Politikalar sayfası (18.09.2026) ---------- */
.politika-nav              { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 36px; }
.politika-nav a            { color: #0e3742; text-decoration: underline; font-size: .95rem; }
.politika                  { max-width: 900px; margin-bottom: 52px; padding-bottom: 32px; border-bottom: 1px solid rgba(14,55,66,.15); }
.politika:last-child       { border-bottom: 0; }
.politika h2               { font-size: 1.6rem; font-weight: 700; color: #0e3742; margin: 0 0 16px; }
.politika .metin-govde     { max-width: none; }

/* ---------- Yetkinlikler sayfası (18.09.2026 19:21) ---------- */
.yetkinlik-alt         { font-size: 1.5rem; font-weight: 700; color: #0e3742; margin: 40px 0 18px; }
.yetkinlik-izgara      { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; max-width: 1000px; }
.yetkinlik-kart        { padding: 16px 18px; border: 1px solid rgba(14,55,66,.18); border-left: 3px solid #CF372D; border-radius: 6px; background: #f5f8f9; }
.yetkinlik-kart h3     { margin: 0 0 8px; font-size: 1.05rem; font-weight: 700; color: #0e3742; }
.yetkinlik-kart p      { margin: 0; font-size: .95rem; line-height: 1.65; color: #0e3742; }