/* ===========================================================================
   KURUMSAL SEKME SERIDI + ORTAK KURUMSAL TEMA TOKENLARI (03.09.2026)

   02.09'da hakkimizda.css icinde dogmustu; iletisim sayfasi da ayni seridi
   kullandigi icin ortak dosyaya alindi. Seridi basan her sayfa bu dosyayi
   css-last'a ekler (_shared/kurumsal-sekmeler.blade.php ile birlikte).

   Tokenlar (--ku*) Claude Design handoff'larindaki ortak tablodan; acik tema
   eslemesi README'lerdeki tabloyla birebir. Yeni tasarima gecen kurumsal
   sayfalar kok elemanina .kurumsalSayfa verip bu tokenlari kullanir
   (hakkimizda.css kendi --hk* kopyasini tasir, degistirilmedi).
   =========================================================================== */
.kurumsalSekmeler, .kurumsalSayfa {
    --kuZemin: #181820;
    --kuBant: #1B1C26;
    --kuKart: #20212B;
    --kuKartHover: #242531;
    --kuKenar: #333444;
    --kuInceKenar: #2A2B38;
    --kuKenarBelirgin: #4E4F5C;
    --kuBaslik: #EDEEF2;
    --kuMetin: #C8C9D8;
    --kuGovde: #ABACB5;
    --kuUcuncul: #8B8C99;
    --kuNane: #80F1B1;
    --kuNaneHover: #A8F6CE;
    --kuNaneUstu: #181820;
    --kuNaneZemin: rgba(128,241,177,.10);
    --kuNaneKenar: rgba(128,241,177,.28);
    --kuNaneKenarHover: rgba(128,241,177,.45);
    --kuPlakaZemin: rgba(24,24,32,.90);
    --kuKartGolge: none;
}
body.light .kurumsalSekmeler, body.light .kurumsalSayfa {
    --kuZemin: #FAF9F5;
    --kuBant: #F5F4EE;
    --kuKart: #FFFFFF;
    --kuKartHover: #F5F4EE;
    --kuKenar: #E3E1D9;
    --kuInceKenar: #E8E6DF;
    --kuKenarBelirgin: #C7C5BC;
    --kuBaslik: #1F1E1D;
    --kuMetin: #1F1E1D;
    --kuGovde: #6B6A65;
    --kuUcuncul: #5F5E58;
    --kuNane: #137E4C;
    --kuNaneHover: #1A9A5E;
    --kuNaneUstu: #FFFFFF;
    --kuNaneZemin: rgba(19,126,76,.10);
    --kuNaneKenar: rgba(19,126,76,.28);
    --kuNaneKenarHover: rgba(19,126,76,.40);
    --kuPlakaZemin: rgba(250,249,245,.92);
    --kuKartGolge: 0 1px 2px rgba(31,30,29,.05);
}

/* ---- Serit (yapisan) ---------------------------------------------------------
   Sekme dolgusu 14px 11px: 13 sekme (Iletisim dahil) 1550 konteynere sigsin, hepsi
   gorunur (tuvaldeki 16px ile ~1640px oluyordu). Kaydirma cubugu gizli. Ileride sekme
   eklenip serit sigmazsa (.kayar, blade JS): kenarlarda solma ile "devami var" ipucu
   (.solda/.sagda), fare tekerlegi ve surukleme ile yatay kayar (.surukleniyor),
   dokunmatikte dogal kayar. */
.kurumsalSekmeler {
    position: sticky; top: 0; z-index: 5; margin-top: 3px;
    background: var(--kuZemin); border-bottom: 1px solid var(--kuKenar);
}
.kurumsalSekmelerSerit { display: flex; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.kurumsalSekmelerSerit::-webkit-scrollbar { display: none; }
.kurumsalSekmeler .container { position: relative; }
.kurumsalSekmeler .container::before, .kurumsalSekmeler .container::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 56px; z-index: 1; pointer-events: none;
    opacity: 0; transition: opacity .16s;
}
.kurumsalSekmeler .container::before { left: 12px; background: linear-gradient(to right, var(--kuZemin) 20%, transparent); }
.kurumsalSekmeler .container::after { right: 12px; background: linear-gradient(to left, var(--kuZemin) 20%, transparent); }
.kurumsalSekmeler.solda .container::before, .kurumsalSekmeler.sagda .container::after { opacity: 1; }
.kurumsalSekmeler.kayar .kurumsalSekmelerSerit { cursor: grab; }
.kurumsalSekmeler.surukleniyor .kurumsalSekmelerSerit { cursor: grabbing; user-select: none; }
.kurumsalSekmeler.surukleniyor .kurumsalSekme { pointer-events: none; }
.kurumsalSekme {
    flex: none; padding: 14px 11px; font-size: 13px; font-weight: 600; white-space: nowrap;
    color: var(--kuGovde); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .16s;
}
.kurumsalSekme:hover { color: var(--kuMetin); }
.kurumsalSekme.active { color: var(--kuMetin); font-weight: 700; border-bottom-color: var(--kuNane); }
.kurumsalSekme:focus-visible { outline: 2px solid var(--kuNane); outline-offset: -2px; }

@media (max-width: 991.98px) {
    /* Mobil header sabit (position: fixed); serit onun altina yapisir.
       Yukseklik kurumsal-sekmeler.blade.php icindeki JS ile olculur. */
    .kurumsalSekmeler { top: var(--kuMobilHeader, 0px); margin-top: 12px; }
    .kurumsalSekmeler .container { padding: 0 8px; }
    .kurumsalSekmeler .container::before { left: 8px; }
    .kurumsalSekmeler .container::after { right: 8px; }
    .kurumsalSekme { padding: 13px 12px; font-size: 12.5px; }
}