/* =========================================================
   ÇELSAN GRUP — ana kurumsal site
   Ortak tasarım sistemi style.css'ten gelir; siteye özgü
   düzeltmeler burada durur.
   ========================================================= */

/* ---------------------------------------------------------
   BÖLÜMLER — açık zemin diğer bölümlerle uyuşmuyordu,
   koyu zemine alındı (rot ve üretim bölümleriyle aynı aile).
   --------------------------------------------------------- */
.sec--divisions{background:var(--ink);color:#fff}
.sec--divisions .shead__t{color:#fff}
.sec--divisions .shead__t .accent-c{color:#8C949C}
.sec--divisions .shead__d{color:#A7ADB4}

.divs{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12)}
.div{background:var(--ink-2)}
.div:hover{background:var(--ink-3)}
.div__body h3{color:#fff}
.div__body p{color:#A7ADB4}
.div__no{color:#8C949C}

/* ---------------------------------------------------------
   IZGARALARDA BOŞ HÜCRE KALMASIN
   --------------------------------------------------------- */
.divs{grid-template-columns:repeat(3,minmax(0,1fr))}   /* 3 kol = tek sıra */
@media (max-width:900px){ .divs{grid-template-columns:1fr} }

/* ---------------------------------------------------------
   ROZET KOLEKSİYONU — açık zemin bölümler bölümüyle
   aynı koyu aileye alındı (müşteri isteği).
   --------------------------------------------------------- */
.sec--rozet{background:var(--ink);color:#fff;border-block-color:rgba(255,255,255,.12)}
.sec--rozet .shead__t{color:#fff}
.sec--rozet .shead__t i,
.sec--rozet .shead__t .accent-c{color:#8C949C}
.sec--rozet .shead__d{color:#A7ADB4}

/* ---------------------------------------------------------
   ALT SAYFALAR — header'daki başlıklar artık kaydırmıyor,
   her biri kendi sayfasını açıyor. Bu blok o sayfaların
   üst şeridini (ekmek kırıntısı) taşır.
   --------------------------------------------------------- */
/* sabit header'in altinda kalmasin */
.altsayfa{padding-top:clamp(74px,7vw,94px)}
.altsayfa > .sec:first-child{border-top:0}

.crumbbar{background:var(--ink);padding-block:clamp(26px,3.4vw,42px) 0}
.crumb{
  display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  font-size:.74rem;letter-spacing:.02em;color:#8C949C;
}
.crumb a{color:#8C949C;transition:color .25s var(--ease)}
.crumb a:hover{color:#fff}
.crumb em{font-style:normal;opacity:.4}
.crumb b{color:#fff;font-weight:600}

/* alt sayfada bölüm numarası yerine bölüm adı durur */
.altsayfa .shead__no{letter-spacing:.22em}

/* =========================================================
   KOYU TEMA — sitede açık/beyaz zemin kalmasın.
   Diğer iki siteyle (celsangroup, celsanrozet) aynı aile.
   NOT: --ink hem koyu bölüm zemini hem de metin rengi olarak
   kullanılıyor; bu yüzden ASLA çevrilmez. Yalnızca açık
   yüzeyler (--paper / --paper-2 / --white) koyulaştırılır,
   üstlerindeki metinler burada açık renge çekilir.
   ========================================================= */
:root{
  --paper:#15181B;     /* Özellik şeridi, Cıvata, Değerler, kartlar */
  --paper-2:#0F1214;   /* İletişim */
  --white:#1C2126;     /* kart hover — eskiden saf beyazdı */
  --line:rgba(255,255,255,.12);
  --steel:#9AA1A8;     /* küçük etiket */
  --steel-2:#A3AAB1;   /* gövde metni */
  --accent-l:#EA6155;  /* koyu zeminde okunan kırmızı */
}

body{background:var(--paper);color:#E8EBED}

/* ---------- header ---------- */
.hdr.is-stuck{background:rgba(15,18,20,.94);color:#E8EBED;border-bottom-color:var(--line)}
.hdr .hdr__logo-mark img{filter:brightness(0) invert(1)}

/* ---------- koyu zeminde okunan kırmızı ---------- */
.shead__no,.feat span,.step span,.stat i,.form__note,
.vhero__kicker em,.vhero__legend b,.mq__track em,
.rot b,.mark__txt span,.civ__list li i{color:var(--accent-l)}
.btn:hover{color:var(--accent-l);border-color:var(--accent-l)}

/* ---------- açık zemin varsayan tersine dönüşler ---------- */
.sw:hover{border-color:#fff}
.sw.is-on{background:#fff;color:var(--ink);border-color:#fff}
.sect__grid span:hover{background:#fff;color:var(--ink);border-color:#fff}

/* ---------- form ---------- */
.cont__info a:hover{border-bottom-color:#fff}
.fld input,.fld textarea,.fld select{color:#E8EBED}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-bottom-color:#fff}
.fld select option{background:#1C2126;color:#E8EBED}
.form__note.is-ok{color:#5FD08A}

/* ---------- harita koyu temaya çevrilir ---------- */
.map iframe{filter:grayscale(1) invert(.92) hue-rotate(180deg) contrast(.9)}