/* ═══ YÜZEN DÜĞMELER (yuzen · ön ek yzn) ═══════════════════════════
   Derinlik gölgeyle DEĞİL, zemin karşıtlığı ve halka boşluğuyla kurulur
   (proje yasağı: box-shadow). Düğmeler koyu mürekkep zeminde açık ikon
   taşır; sayfanın kremi üzerinde kendiliğinden ayrışır.                */

.yzn{
  position:fixed;
  inset-block-end:1.15rem;
  inset-inline-start:1.15rem;
  z-index:8400;                    /* sohbet 8500 · nav 120 */
  display:grid;
  gap:.6rem;
  justify-items:center;
  pointer-events:none;             /* boşluk tıklamayı yutmasın */
}
.yzn > *{pointer-events:auto}

.yzn-dgm{
  inline-size:3.25rem; block-size:3.25rem;
  display:grid; place-items:center;
  border:0; border-radius:var(--yr-tam);
  cursor:pointer; padding:0;
  text-decoration:none;
  transition:var(--gecis);
}
.yzn-dgm svg{inline-size:1.35rem; block-size:1.35rem; display:block}

/* WhatsApp — marka rengi taşınmaz; site paletinde zeytin zemin.
   Marka rengi krem sayfada bağırıyor ve "eklenti" gibi duruyor. */
.yzn-wa{background:var(--zeytin); color:var(--keten)}
.yzn-wa svg{inline-size:1.55rem; block-size:1.55rem}
.yzn-wa:hover{background:var(--murekkep)}

/* Yukarı çık — daha sessiz: cam zemin, mürekkep ikon */
.yzn-yukari{
  background:var(--z3); color:var(--mrk);
  outline:1px solid var(--cizgi); outline-offset:-1px;
  opacity:0; transform:translateY(.5rem) scale(.9);
  transition:opacity .26s var(--egri), transform .26s var(--egri);
}
.yzn-yukari[data-gorunur]{opacity:1; transform:none}
.yzn-yukari:hover{background:var(--murekkep); color:var(--z1)}
.yzn-yukari[hidden]{display:none}

/* Mobil: biraz küçülür, güvenli alan payı bırakılır */
@media (max-width:640px){
  .yzn{
    inset-block-end:max(1rem, env(safe-area-inset-bottom));
    inset-inline-start:.9rem;
    gap:.5rem;
  }
  .yzn-dgm{inline-size:3rem; block-size:3rem}       /* dokunma hedefi ≥ 44px */
}

/* Çerez bandı açıkken düğmeler yukarı kayar — üst üste binmesinler */
body[data-crz-acik] .yzn{inset-block-end:calc(1.15rem + var(--crz-yer, 0px))}

@media (prefers-reduced-motion:reduce){
  .yzn-yukari{transition:opacity .01ms}
  .yzn-yukari[data-gorunur]{transform:none}
}