/* ===== CEMECE — Header (cmc- scoped) ===== */
:root{
  --cmc-header-h: 84px;   /* masaüstü header yüksekliği  */
  --cmc-logo-h:   60px;   /* masaüstü logo yüksekliği    */
  --cmc-maxw:   1480px;   /* içerik genişliği            */
}

/* Kapsayıcı */
.cmc-header{
  position: sticky; top: 0; z-index: 1000;
  background: rgba(12,15,18,.94);
  border-bottom: 1px solid #1b1e22;
  backdrop-filter: saturate(120%) blur(6px);
}

/* İç bar */
.cmc-header .cmc-bar{
  height: var(--cmc-header-h);
  max-width: var(--cmc-maxw);
  margin: 0 auto;
  padding: 0 20px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
}

/* Marka */
.cmc-brand{ display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.cmc-brand img{ height: var(--cmc-logo-h); width:auto; display:block; }
.cmc-brand span{ font-weight:800; font-size:1.15rem; letter-spacing:.2px; white-space:nowrap; }

/* Nav */
.cmc-nav{ display:flex; align-items:center; gap:22px; }
.cmc-nav a{
  color:#e7eaee; text-decoration:none; opacity:.9;
  padding:10px 6px; border-radius:10px; font-weight:600;
  transition: color .2s ease, opacity .2s ease, background-color .2s ease;
}
.cmc-nav a:hover{ opacity:1; color:#fff; }
.cmc-nav a:focus-visible{ outline:2px solid #ff9a4d; outline-offset:2px; }
.cmc-nav a.active{ color:#ff9a4d; }

/* İçerik, header altında başlasın */
.cmc-header-spacer{ height: var(--cmc-header-h); }

/* ---------- Mobil ---------- */
@media (max-width:900px){
  :root{
    --cmc-header-h: 72px;
    --cmc-logo-h:   48px;
  }
  .cmc-nav{ gap:14px; }
  .cmc-brand span{ font-size:1rem; }
}

.cmc-lang { display:flex; gap:8px; align-items:center; }
.cmc-lang .pill{
  border:1px solid #2a323a; background:#14181c; color:#e7eaee;
  border-radius:999px; padding:6px 10px; font-weight:700; font-size:.85rem;
  cursor:pointer; opacity:.9; transition:all .2s ease;
}
.cmc-lang .pill:hover{ opacity:1; }
.cmc-lang .pill.active{ color:#0b0d0e; background:#ff9a4d; border-color:#ff9a4d; }

footer .partner{
  margin-top:8px;
  display:flex; gap:8px; align-items:center;
  color:#9fa3a7;
}
footer .partner a{
  color: var(--accent2, #ff9a4d);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,154,77,.35);
}
footer .partner a:hover{
  opacity:.95; border-bottom-color: rgba(255,154,77,.8);
}