/* ═══════════════════════════════════════════════════════════════════════
   MOBİL ÇEKMECE + KOYU TEMA                        yeni3/mobil-menu.css
   -----------------------------------------------------------------------
   Kalıp islamvehayat.com'un mobil menüsünden (müşteri örneği):
   koyu başlık + kapat · arama · kısayol çipleri · BÖLÜMLER çipleri ·
   KURUMSAL listesi · koyu/açık tema düğmesi.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Perde ── */
.mm-perde{position:fixed;inset:0;z-index:80;background:rgba(20,15,12,.55);
  opacity:0;transition:opacity .25s ease}
.mm-perde.acik{opacity:1}

/* ── Çekmece ──
   Yükseklik 100dvh: mobil tarayıcı çubuğu gizlenince 100vh taşıyor.
   Gövde kendi içinde kayar (overflow-y), sayfa arkada kilitlenir. */
.mm{position:fixed;top:0;right:0;z-index:81;width:min(340px,88vw);height:100dvh;
  max-height:100vh;display:flex;flex-direction:column;background:var(--zemin);
  box-shadow:-8px 0 30px rgba(0,0,0,.3);
  transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.mm.acik{transform:translateX(0)}

.mm-ust{display:flex;align-items:center;gap:12px;padding:16px 14px;
  background:#1c1a18;color:#fff;flex:0 0 auto}
.mm-logo{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.mm-logo-im{width:42px;height:42px;flex:0 0 auto;background:var(--z);
  display:grid;place-items:center;overflow:hidden}
.mm-logo-im img{width:92%;height:auto;display:block;filter:brightness(0) invert(1)}
.mm-logo-yazi{min-width:0}
.mm-logo-yazi b{display:block;font:800 1.02rem/1.15 var(--d);color:#fff}
.mm-logo-yazi i{display:block;margin-top:3px;font:600 .58rem/1.3 var(--m);font-style:normal;
  letter-spacing:.14em;color:rgba(255,255,255,.6)}
.mm-kapat{margin-left:auto;flex:0 0 auto;width:38px;height:38px;border:none;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font:300 24px/1 var(--m)}
.mm-kapat:hover{background:rgba(255,255,255,.22)}

/* Parmakla kaydırılan gövde */
.mm-govde{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:16px 14px 30px}

.mm-ara{display:flex;align-items:center;gap:9px;background:var(--kagit);
  border:1px solid var(--kagitc);padding:11px 13px;margin-bottom:16px}
.mm-ara-simge{color:var(--soluk);font-size:15px;flex:0 0 auto}
.mm-ara input{flex:1 1 auto;min-width:0;border:none;background:none;outline:none;
  font:inherit;font-size:.92rem;color:var(--murekkep)}
.mm-ara input::placeholder{color:var(--soluk)}

.mm-cipler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.mm-cip{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;
  border:1px solid var(--kagitc);background:var(--beyaz);text-decoration:none;
  font:700 .78rem/1 var(--m);color:var(--murekkep);letter-spacing:.02em;
  transition:border-color .15s ease,background .15s ease,color .15s ease}
.mm-cip:hover,.mm-cip:active{border-color:var(--z);background:var(--z);color:#fff}
.mm-cip-ust{background:var(--kagit);border-color:var(--kagitc);color:var(--z)}
.mm-cip-ust:hover{background:var(--z);color:#fff}
.mm-cip-canli{border-color:var(--z);color:var(--z)}
.mm-nokta{width:7px;height:7px;border-radius:50%;background:var(--z);flex:0 0 auto;
  animation:mm-yanip 1.6s ease-in-out infinite}
.mm-cip-canli:hover .mm-nokta{background:#fff}
@keyframes mm-yanip{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){ .mm-nokta{animation:none} }

.mm-etiket{margin:20px 0 10px;font:700 .64rem/1 var(--m);letter-spacing:.18em;
  text-transform:uppercase;color:var(--soluk)}

.mm-liste{display:flex;flex-direction:column}
.mm-liste a{padding:14px 2px;text-decoration:none;font:600 1rem/1 var(--d);
  color:var(--murekkep);border-bottom:1px solid var(--kagitc)}
.mm-liste a:last-child{border-bottom:none}
.mm-liste a:hover{color:var(--z)}

.mm-tema{display:flex;align-items:center;gap:10px;width:100%;margin-top:22px;
  padding:14px;border:1px solid var(--kagitc);background:var(--kagit);cursor:pointer;
  font:600 .9rem/1 var(--m);color:var(--murekkep)}
.mm-tema:hover{border-color:var(--z);color:var(--z)}
.mm-tema-simge{font-size:15px}

/* Çekmece yalnız dar ekranda; geniş ekranda masaüstü şeridi çalışır */
@media (min-width:761px){
  .mm,.mm-perde{display:none !important}
}

/* ═══════════════════════════════════════════════════════════════════════
   KOYU TEMA — yalnız simgeler değişmez, BÜTÜN belirteçler yeniden tanımlanır.
   Canlı sitede "sitegeneli=koyu" felaketi, açık temanın üstüne koyu yazı
   renkleri bindiğinde yaşanmıştı; burada zemin de metin de birlikte döner.
   ═══════════════════════════════════════════════════════════════════════ */
:root[data-tema="koyu"]{
  --z:#c88a6d;          /* kahve koyu zeminde okunur tona açıldı */
  --zk:#e0a98c;
  --siyah:#15181b;
  --kagit:#22262a;
  --kagitc:#333a40;
  --murekkep:#e8e4dd;
  --murekkep2:#bdb7ad;
  --soluk:#8d8880;
  --zemin:#1a1d21;
  --dis:#131619;
  --beyaz:#22262a;
}
:root[data-tema="koyu"] .kap{box-shadow:0 0 34px rgba(0,0,0,.5)}
:root[data-tema="koyu"] .menu{background:#2a211c}
:root[data-tema="koyu"] .bant h2{color:#fff}
:root[data-tema="koyu"] .mm-ust{background:#0f1113}
:root[data-tema="koyu"] .man-perde{
  background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 55%,rgba(0,0,0,0) 100%)}
:root[data-tema="koyu"] .mo-kart{background:#252a2e}
:root[data-tema="koyu"] .oz-uyari{background:#3a3220;border-bottom-color:#6b5a2c;color:#e8d9a8}
:root[data-tema="koyu"] .sesli-c.okunan{background:#5c4a1e;box-shadow:0 0 0 2px #5c4a1e}
:root[data-tema="koyu"] .altlik-logo img,
:root[data-tema="koyu"] .mm-logo-im img{filter:brightness(0) invert(1)}
:root[data-tema="koyu"] .form-basari{background:#1d3a29;color:#a8dcc0}
:root[data-tema="koyu"] .form-hata{background:#3d1f1d;color:#f0b3ae}
/* Görseller koyu zeminde göz almasın */
:root[data-tema="koyu"] img{filter:brightness(.92)}
:root[data-tema="koyu"] .yz-foto img,
:root[data-tema="koyu"] .mo-foto img{filter:brightness(.95) grayscale(1)}


/* ── Hamburger düğmesi ──
   Müşteri "islamvehayat'taki gibi" dedi: künyenin sağında koyu kare içinde
   üç çizgi. Menü şeridindeki "Bölümler" çubuğu kalktı. */
/* margin-left:auto — künye satırının SAĞ ucuna yaslanır (logo solda kalır) */
.mm-ac{display:none;flex:0 0 auto;margin-left:auto;width:46px;height:46px;border:none;
  cursor:pointer;background:#1c1a18;color:#fff;align-items:center;justify-content:center;padding:0}
.mm-ac:hover{background:var(--z)}
.mm-ac span{display:block;position:relative;width:20px;height:2px;background:#fff}
.mm-ac span::before,.mm-ac span::after{content:"";position:absolute;left:0;
  width:20px;height:2px;background:#fff}
.mm-ac span::before{top:-6px}
.mm-ac span::after{top:6px}

@media (max-width:760px){
  .mm-ac{display:flex}
  .menu-mobil{display:none}          /* eski "Bölümler ▾" çubuğu kalktı */
  .menu{display:none}                /* masaüstü şeridi mobilde gizli */
  .kunye{gap:14px;flex-wrap:wrap}
  .kunye-logo img{height:44px}
  .kunye-rk{order:3;width:100%;justify-content:center}
}