/* ── MASAÜSTÜ · sol kenara yapışık dikey sekme ─────────────────────────
     Sağdaki stil panelinin aynası: aynı yükseklik hissi, aynı yarıçap mantığı
     (yalnız dışa bakan köşeler yuvarlak), aynı 1px kenar dili.
     Yazı dikey yazılıyor — yatay bir etiket 150px genişlik ister ve sayfanın
     sol kenarında sürekli duran bir şerit olurdu. */
  .t52-wa{position:fixed;left:0;top:50%;transform:translateY(-50%);
    z-index:40;                      /* merdiven: _whatsapp.blade.php başındaki nota bak */
    display:inline-flex;flex-direction:column;align-items:center;gap:var(--bo-2);
    padding:var(--bo-3) 7px;           
    background-color:var(--surface);
    border:1px solid var(--line);border-left:0;
    border-radius:0 var(--bo-3) var(--bo-3) 0;
    color:var(--fg);text-decoration:none;
    transition:background-color .22s ease}
  .t52-wa:hover{background-color:var(--panel)}
  .t52-wa:focus-visible{outline:2px solid var(--aksan-2);outline-offset:3px}

  /* Marka yeşili YALNIZ simgede. Zemin ve yazı temanın gri dilinde kalıyor;
     böylece renk sayfayı bozmadan tanınırlığı taşıyor. */
  .t52-wa i{font-size:16px;line-height:1;color:#1da851}   /* 20 → 16px (10.10) */
  html.dark .t52-wa i{color:#25d366}

  .t52-wa .ad{writing-mode:vertical-rl;
    font-size:9.5px;font-weight:600;letter-spacing:.14em;  /* --yazi-s → 11 → 9.5px (10.10 · «hâlâ büyük») */
    text-transform:uppercase;color:var(--muted)}

  /* ── DAR EKRAN · sol alt köşe, yuvarlak, yazısız ───────────────────────
     "Mobilde form alanını veya alt içeriği kapatmasın" (toplantı notu).
     Dikey ortada dursaydı 390×844'te tam metin bandının üstüne gelirdi.
     Alt köşede duruyor; sayfa dibindeki yasal şerit ve footer bağlantıları
     için de env(safe-area-inset-bottom) kadar pay bırakılıyor (iPhone çubuğu). */
  @media(max-width:900px){
    .t52-wa{top:auto;transform:none;
      left:var(--bo-4);
      bottom:calc(var(--bo-4) + env(safe-area-inset-bottom, 0px));
      width:52px;height:52px;padding:0;
      border:1px solid var(--line);
      border-radius:50%;
      align-items:center;justify-content:center}
    .t52-wa .ad{display:none}     /* erişilebilir ad aria-label'da duruyor */
    .t52-wa i{font-size:22px}
  }

  /* ── SAYFA DİBİNDE ÖRTÜŞME PAYI ────────────────────────────────────────
     Düğme sol ALT köşede sabit; sayfa sonuna gelindiğinde footer'ın yasal
     satırının üstüne biniyordu (ölçüldü: "Bu sitedeki içerik bilgilendirme
     amaçlıdır…" cümlesinin ilk kelimeleri düğmenin altında kalıyordu).
     Düğmeyi yukarı almak yerine footer'a düğme kadar pay bırakılıyor:
     böylece düğme alışıldık yerinde duruyor ve hiçbir metni kapatmıyor.
     Pay burada, düğmenin kendi dosyasında duruyor — ölçü değişirse tek yerde
     değişsin, footer'ın dolgusunu okuyan biri sebebini burada bulsun. */
  @media(max-width:900px){
    .t52-footer{padding-bottom:calc(52px + var(--bo-5) + env(safe-area-inset-bottom, 0px))}
  }

  /* Yazdırmada sabit düğmenin yeri yok */
  @media print{ .t52-wa{display:none} }