/*
 * ÖLÇÜM VE ÇEREZ RIZASI BANDI
 *
 * ═══ NEDEN AYRI DOSYA ═══
 * Bandı `riza.js` çiziyor ve o betik on sayfada yüklü. Biçimi
 * `styles.css` içindeydi ama `chat.html` ve `rota.html` o dosyayı
 * hiç yüklemiyor: ÖLÇÜLDÜ, bant o iki sayfada tarayıcı varsayılanıyla
 * çıkıyordu — düğmeler 25 piksel, çerçeve yok, gölge yok.
 *
 * Bu, bu projede üçüncü kez görülen kalıp: kural, seçicinin
 * kullanıldığı sayfaya ULAŞMAYAN bir dosyada duruyor. Çözüm her
 * seferinde aynı: kuralı, kullanıldığı her yere ulaşan dosyaya al.
 */
.ytg-riza{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  max-width:820px;margin:0 auto;padding:16px 18px;border-radius:16px;
  background:#fff;border:1px solid #cfe9ec;box-shadow:0 12px 34px rgba(23,35,60,.14)}
.ytg-riza-govde{flex:1 1 260px;min-width:0}
.ytg-riza-govde b{display:block;margin-bottom:4px;font-size:14.5px;color:#17233c}
.ytg-riza-govde p{margin:0 0 6px;font-size:13px;line-height:1.5;color:#5d7280}
/* Bant içindeki tek bağlantı: satır yüksekliği kadar kalmasın. */
.ytg-riza-govde a{display:inline-flex;align-items:center;min-height:44px;
  font-size:12.5px;color:#0f7d86}
.ytg-riza-dugmeler{display:flex;gap:8px;flex:0 0 auto}
/* Ziyaretçinin sitede DOKUNDUĞU İLK ŞEY bu iki düğme. Ölçüldü:
   36 pikseldeydiler; teslim şartnamesindeki dokunma hedefi 44. */
.ytg-riza-dugme{display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 16px;border:1.5px solid #0f7d86;border-radius:12px;
  background:#fff;color:#0f7d86;font:inherit;font-size:13.5px;font-weight:600;
  cursor:pointer;white-space:nowrap}
.ytg-riza-dugme:hover{background:#eefafa}
@media(max-width:520px){
  .ytg-riza{gap:10px;padding:14px}
  .ytg-riza-dugmeler{width:100%}
  .ytg-riza-dugme{flex:1;padding:0 8px;font-size:13px}