/* --------------------------------------------------------------------------
   Muhitkâr alt bandı (inc/muhitkar.php + assets/js/muhitkar.js) — önek `mk-bant`.
   ⭐ Cevdet 1 Eki 2026: beş seçeneğin hepsi, ziyaretçiye rastgele biri, hepsinde "Muhitkâr ol".
   KONTRAST KURALI beşinde de: karanlık sayfada BEYAZ bant, aydınlık sayfada SİYAH bant.
   Ölçüler artifacts/2026-10-01-geekyapar-alt-bant-olculer.md: masaüstü 970×90 iç alan, telefon 360×72.
   Sabit (fixed) ve içeriği itmez: düzen kayması yok. Hareket azaltma tercihinde kayma yok, yalnız belirir.
   -------------------------------------------------------------------------- */

/* Ters ton: aydınlık sayfa (varsayılan) → koyu bant. */
.mk-bant{
  --b-zemin:#15161a;--b-metin:#f3f3f0;--b-soft:#c3c5cc;--b-cizgi:#15161a;--b-vurgu:#f2505c;--b-golge:0 -10px 30px rgba(0,0,0,.22);
  position:fixed;left:0;right:0;bottom:0;z-index:9970;
  background:var(--b-zemin);color:var(--b-metin);border-top:1px solid var(--b-cizgi);box-shadow:var(--b-golge);
  height:108px;padding:9px 0 0;box-sizing:border-box;
  transform:translateY(115%);transition:transform .42s cubic-bezier(.2,.8,.2,1)
}
/* Karanlık sayfa → açık bant (sistem tercihi ya da elle seçilmiş tema). */
@media (prefers-color-scheme:dark){
  :root:not([data-tema="light"]) .mk-bant{--b-zemin:#f3f3f0;--b-metin:#15161a;--b-soft:#4b4e57;--b-cizgi:#d9dbd6;--b-vurgu:#dc303c;--b-golge:0 -14px 36px rgba(0,0,0,.6)}
}
:root[data-tema="dark"] .mk-bant{--b-zemin:#f3f3f0;--b-metin:#15161a;--b-soft:#4b4e57;--b-cizgi:#d9dbd6;--b-vurgu:#dc303c;--b-golge:0 -14px 36px rgba(0,0,0,.6)}

.mk-bant[hidden]{display:none}
.mk-bant.acik{transform:translateY(0)}
.mk-bant-sure{position:absolute;left:0;top:-1px;height:3px;width:100%;background:#dc303c;transform-origin:0 50%;transform:scaleX(1)}
.mk-bant-ic{display:flex;align-items:center;gap:22px;width:970px;max-width:calc(100% - 120px);height:90px;margin:0 auto;text-decoration:none!important;color:inherit!important}
.mk-bant-sol{flex:none;display:flex;align-items:center}
.mk-bant-av{display:flex}
.mk-bant-av img{width:58px;height:58px;margin-left:-16px;border-radius:50%;border:3px solid var(--b-zemin);background:#22252b;object-fit:cover}
.mk-bant-av img:first-child{margin-left:0}
.mk-bant-g{font-family:var(--font-baslik);font-weight:700;font-size:70px;line-height:1;width:66px;text-align:center;margin-top:-6px;color:var(--b-metin);display:inline-block;transform:rotate(-10deg)}
.mk-bant-ikon svg{width:62px;height:62px;display:block}
.mk-bant-yazi{display:grid;gap:2px;min-width:0}
.mk-bant-yazi strong{font-family:var(--font-baslik);font-weight:700;font-size:26px;line-height:1.1}
.mk-bant-yazi strong.uzun{font-size:23px}
.mk-bant-yazi strong em{font-style:normal;color:var(--b-vurgu)}
.mk-bant-yazi > span{font-family:var(--font-govde);font-size:15px;color:var(--b-soft)}
.mk-bant .tel{display:none}
.mk-bant-cagri{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:10px;background:#dc303c;color:#fff;font-family:var(--font-baslik);font-weight:700;font-size:19px;padding:15px 24px;border-radius:4px;transition:filter .15s}
.mk-bant-cagri svg{width:18px;height:18px}
.mk-bant-ic:hover .mk-bant-cagri{filter:brightness(.9)}
.mk-bant-kapat{position:absolute;right:26px;top:50%;width:38px;height:38px;margin-top:-19px;display:grid;place-items:center;border:0;padding:0;cursor:pointer;border-radius:50%;
  color:var(--b-metin);background:color-mix(in srgb,var(--b-metin) 10%,transparent)}
.mk-bant-kapat:hover{background:color-mix(in srgb,var(--b-metin) 18%,transparent)}
.mk-bant-kapat svg{width:16px;height:16px}
.mk-bant-ic:focus-visible,.mk-bant-kapat:focus-visible{outline:3px solid #fbcc4f;outline-offset:3px}

@media (max-width:640px){
  .mk-bant{height:84px;padding-top:6px}
  .mk-bant-ic{width:360px;max-width:calc(100% - 24px);height:72px;gap:12px;padding:0 2px}
  .mk-bant-av img{width:42px;height:42px;margin-left:-14px;border-width:2px}
  .mk-bant-av img:nth-child(n+4){display:none}
  .mk-bant-g{font-size:46px;width:40px;margin-top:-4px}
  .mk-bant-ikon svg{width:42px;height:42px}
  .mk-bant-yazi strong,.mk-bant-yazi strong.uzun{font-size:15px}
  .mk-bant-yazi > span{display:none}
  .mk-bant .mas{display:none}.mk-bant .tel{display:inline}
  .mk-bant-cagri{font-size:14.5px;padding:10px 12px;gap:6px}
  .mk-bant-cagri svg{display:none}
  .mk-bant-kapat{right:10px;top:-16px;margin-top:0;width:30px;height:30px;background:var(--b-zemin);border:1px solid var(--b-cizgi)}
}
@media (prefers-reduced-motion:reduce){
  .mk-bant{transform:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
  .mk-bant.acik{opacity:1;visibility:visible}
  .mk-bant-sure{display:none}
}
@media print{.mk-bant{display:none!important}}