/* ============================================================================
   Sagrosa — sayfa-kurumsal.css
   kurumsal.njk sayfaları: Hakkımızda · Yönetim · Kalite ve Belgeler.
   temel.njk bu dosyayı şablon adına göre kendiliğinden site.css'ten sonra bağlar.
   Kalıp (Koç / Sabancı / Tüpraş iç sayfası): sayfa başı + fotoğraf bandı, solda bölüm menüsü,
   sağda metin blokları, künye tablosu, düz yönetim kartları, çizgili belge listeleri,
   lacivert "Detaylı Bilgi" bağlantıları.
   Ortak kalıplar site.css'tedir: metin + fotoğraf bloğu (.s-sec--media), bağlantı kartı hover'ı,
   içerik sütunundaki gri iletişim paneli (.s-content .s-contact).
   Yön özellikleri mantıksal (RTL: dir="rtl" yeter); fiziksel kalan yalnız object-position.
   ========================================================================== */

/* 1. KENAR ÇUBUĞU (bölüm menüsü) ------------------------------------------- */
.s-kurumsal .s-side{position:sticky;inset-block-start:calc(var(--s-h) + 32px)}
.s-kurumsal .s-side__title{margin-block-end:2px}
.s-kurumsal .s-side__item a{padding-block:11px;font-size:15px;line-height:1.4}
.s-kurumsal .s-side__item.is-current a{padding-inline-start:14px}

/* 2. KÜNYE (dl) — satır çizgili tablo görünümü ----------------------------- */
.s-sec--kunye .s-prose{max-width:none}
.s-sec--kunye .s-prose dl{grid-template-columns:minmax(180px,max-content) 1fr;gap:0 40px;padding-block-start:0}
.s-sec--kunye .s-prose dt,.s-sec--kunye .s-prose dd{padding-block:12px;border-block-end:1px solid var(--s-hair)}
.s-sec--kunye .s-prose dt{font-size:15px}
.s-sec--kunye .s-prose dd{color:var(--s-txt)}

/* 3. YÖNETİM KARTLARI (cards / people): düz kart, dikey portre alanı ------- */
.s-kurumsal .s-cards--people{gap:40px 24px}
.s-kurumsal .s-cards--people .s-card{border:0;padding:0}
.s-kurumsal .s-cards--people .s-card__media{aspect-ratio:4/5}
.s-kurumsal .s-cards--people .s-card__title{margin-block-start:18px}
.s-kurumsal .s-cards--people .s-card__role{font-size:14px;color:var(--s-body);margin-block-start:2px;padding-block-end:12px;border-block-end:1px solid var(--s-hair)}
.s-kurumsal .s-cards--people .s-card__text{margin-block-start:12px}

/* 4. BAĞLANTI KARTLARI (cards / links) ------------------------------------- */
.s-kurumsal .s-cards--links .s-card{padding:28px 24px 24px}
.s-kurumsal .s-cards--links .s-card__text{font-size:15px}

/* 5. BELGE LİSTELERİ (list) — çizgili satırlar, kısa altın işaret ---------- */
.s-kurumsal .s-list{border-block-start:1px solid var(--s-hair)}
.s-kurumsal .s-list__item{position:relative;padding-block:14px;padding-inline-start:32px;font-size:16px;line-height:1.55}
.s-kurumsal .s-list__item::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:calc(14px + .8em);width:16px;height:1px;background:var(--s-gold)}

/* 6. CTA -------------------------------------------------------------------- */
.s-kurumsal .s-cta{padding:40px 48px}
.s-kurumsal .s-cta__title{font-size:26px}

/* 7. DUYARLI ---------------------------------------------------------------- */
@media (max-width:1100px){
  .s-layout--sidebar.s-kurumsal{grid-template-columns:220px minmax(0,1fr);gap:48px}
}
@media (max-width:900px){
  .s-layout--sidebar.s-kurumsal{grid-template-columns:1fr;gap:32px}
  .s-kurumsal .s-side{position:static}
  .s-kurumsal .s-side__title{border:0;padding-block-end:4px;margin-block-end:0}
  .s-kurumsal .s-side__list{display:flex;gap:0 28px;overflow-x:auto;scrollbar-width:none;border-block-end:1px solid var(--s-hair)}
  .s-kurumsal .s-side__list::-webkit-scrollbar{display:none}
  .s-kurumsal .s-side__item a{border:0;padding:10px 0 12px;white-space:nowrap}
  .s-kurumsal .s-side__item.is-current a{border-inline-start:0;padding-inline-start:0;box-shadow:inset 0 -2px 0 var(--s-gold)}
}
@media (max-width:768px){
  .s-kurumsal .s-cards--people{grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .s-kurumsal .s-cards--people .s-card__title{font-size:18px;margin-block-start:14px}
  .s-sec--kunye .s-prose dl{grid-template-columns:1fr;gap:0}
  .s-sec--kunye .s-prose dd+dt{margin-block-start:0}
  .s-sec--kunye .s-prose dt{border:0;padding-block:12px 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--s-body)}
  :lang(ar) .s-sec--kunye .s-prose dt{text-transform:none}
  .s-sec--kunye .s-prose dd{padding-block:4px 12px}
  .s-kurumsal .s-cta{padding:32px 24px}
}

/* 8. YAZDIRMA -------------------------------------------------------------- */
@media print{
  .s-kurumsal .s-side{display:none}
  .s-layout--sidebar.s-kurumsal{grid-template-columns:1fr}
}