/* Sağ alttaki WhatsApp ve telefon düğmeleri (tools/yama/iletisim_dugmeleri.py; ne zaman görüneceklerine assets/iletisim-dugmeleri.js karar verir).
   Başlık haplarının ailesi: telefon, siyah hap zemini, renk geçişli ince kenar ve Turan mavisi ahize; WhatsApp, sitedeki WhatsApp düğmeleri gibi
   Turan mavisi zemin, beyaz simge (mavi zeminde yazı beyaz). Fareyle üzerine gelince ya da klavye odağında solunda küçük bir hapta ne yaptığı yazar
   ("WhatsApp’tan yazın", numara). Hareket tek: sayfa açılınca bir kez aşağıdan süzülerek gelir; döngü, zıplama ya da nabız yok.
   Betik yoksa düğmeler her zaman görünür. Konum başlık haplarının kenar boşluklarıyla aynı; telefonun güvenli alanı gözetilir. */
.idg { --idg-yan: clamp(14px, 1.4vw, 26px); --idg-alt: clamp(14px, 2.4vh, 26px);
  position: fixed; right: max(var(--idg-yan), env(safe-area-inset-right, 0px)); bottom: max(var(--idg-alt), env(safe-area-inset-bottom, 0px)); z-index: 20;
  display: flex; flex-direction: column; align-items: flex-end; gap: 10px; pointer-events: none;
  transition: opacity .45s var(--egri), transform .7s var(--egri), visibility 0s; }
.idg > * { pointer-events: auto; }
.idg-dugme { position: relative; display: grid; place-items: center; border-radius: 50%; text-decoration: none; -webkit-tap-highlight-color: transparent;
  transition: background-color .25s, color .25s, box-shadow .3s var(--egri), transform .3s var(--egri); }
.idg-dugme svg { display: block; fill: currentColor; }
.idg-dugme:focus-visible { outline: 2px solid var(--turan-parlak); outline-offset: 3px; }

/* telefon: başlık hapıyla aynı siyah zemin ve renk geçişli kenar */
.idg-tel { width: 48px; height: 48px; margin-right: 5px; background: rgba(6, 8, 11, .9); color: var(--turan);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);
  -webkit-backdrop-filter: blur(14px) saturate(1.1); backdrop-filter: blur(14px) saturate(1.1); }
.idg-tel::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(100deg, #00A3E0, #6C7BFF 22%, #C86BFF 40%, #FF5FA2 58%, #FF8B2B 76%, #FFD15C 90%, #2FE0A8); opacity: .34;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); transition: opacity .3s; }
.idg-tel svg { width: 21px; height: 21px; }

/* WhatsApp: marka yeşili (#25D366) zemin, beyaz simge; koyu ince halka, düğme mavi bölümün (plan çağrısı) üstünden geçerken de seçilsin */
.idg-wa { width: 58px; height: 58px; background: #25D366; color: #fff;
  box-shadow: 0 0 0 2px rgba(4, 14, 20, .42), 0 16px 36px -14px rgba(37, 211, 102, .75), 0 6px 18px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .28); }
.idg-wa svg { width: 29px; height: 29px; }

/* ne yaptığı: solda küçük siyah hap (yalnız fareyle üzerine gelince ve klavye odağında) */
.idg-ad { position: absolute; right: calc(100% + 10px); top: 50%; padding: 9px 14px; border-radius: 12px; background: rgba(6, 8, 11, .94); color: #F5F8FA;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(245, 248, 250, .1); font: 550 14px/1.1 'Archivo', sans-serif; white-space: nowrap;
  font-variant-numeric: tabular-nums; opacity: 0; visibility: hidden; transform: translate(6px, -50%); pointer-events: none;
  transition: opacity .2s, transform .35s var(--egri), visibility 0s .2s; }
.idg-dugme:focus-visible .idg-ad { opacity: 1; visibility: visible; transform: translate(0, -50%); transition: opacity .2s, transform .35s var(--egri), visibility 0s; }
@media (hover: hover) and (pointer: fine) {
  .idg-dugme:hover .idg-ad { opacity: 1; visibility: visible; transform: translate(0, -50%); transition: opacity .2s, transform .35s var(--egri), visibility 0s; }
  .idg-wa:hover { background: #1EBE5A; box-shadow: 0 0 0 2px rgba(4, 14, 20, .42), 0 20px 40px -14px rgba(37, 211, 102, .9), 0 6px 18px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .3); }
  .idg-tel:hover { color: #fff; } .idg-tel:hover::before { opacity: .7; }
}
.idg-dugme:active { transform: scale(.96); }

/* gizli hâl (betik: giriş öncesi, ana sayfa girişi, Hakkımızda filmi, açık menü, önemli bir arayüzle çakışma) */
.idg.idg-canli:not(.idg-gorunur), html.menu-acik .idg { opacity: 0; visibility: hidden; transform: translateY(14px);
  transition: opacity .3s var(--egri), transform .5s var(--egri), visibility 0s .3s; }
.idg.idg-canli:not(.idg-gorunur) > *, html.menu-acik .idg > * { pointer-events: none; }
/* yalnız WhatsApp: telefon düğmesi önemli bir arayüze değecekken çekilir (yerini korur; WhatsApp kıpırdamaz) */
.idg-yalniz-wa .idg-tel { opacity: 0; visibility: hidden; transform: translateY(8px) scale(.9); pointer-events: none;
  transition: opacity .25s, transform .4s var(--egri), visibility 0s .25s; }

/* sayfanın en altında alt bilginin son satırı (telif, KVKK bağlantısı) düğmelerin altında kalmasın: alt bilgiye düğmelerin boyu kadar pay */
body:has(> .idg) .alt-bilgi { padding-bottom: calc(clamp(28px, 4vh, 40px) + 132px); }
@media (max-width: 599px) {
  .idg { gap: 8px; }
  body:has(> .idg) .alt-bilgi { padding-bottom: calc(clamp(28px, 4vh, 40px) + 112px); }
  .idg-tel { width: 44px; height: 44px; margin-right: 4px; } .idg-tel svg { width: 19px; height: 19px; }
  .idg-wa { width: 52px; height: 52px; } .idg-wa svg { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .idg, .idg.idg-canli:not(.idg-gorunur), html.menu-acik .idg { transform: none; transition: opacity .2s, visibility 0s; }
  .idg-dugme, .idg-ad { transition: none !important; }
  .idg-yalniz-wa .idg-tel { transform: none; }
  .idg-dugme:active { transform: none; }
}
@media (forced-colors: active) {
  .idg-dugme { border: 1px solid CanvasText; } .idg-tel::before { display: none; }
}
@media print { .idg { display: none; } }