/* ===== WhatsApp / Arama / Yol tarifi öğeleri (2026-11-07) =====
   style.css'e dokunmamak için ayrı dosya. includes/nav.php yükler.
   Telefon görünümü = 768px ve altı (style.css'te menünün hamburger'e döndüğü sınır). */

/* ── Masaüstü: üst menüde telefon + güven satırı ── */
.nav-tel{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0 14px 0 6px;line-height:1.2;text-align:right}
.nav-tel-no{color:var(--teal);font-size:15.5px;font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.nav-tel-no:hover{text-decoration:underline}
.nav-guven{font-size:12px;font-weight:700;color:var(--teal);max-width:210px}
/* Menü sığmadığında (dar masaüstü/tablet) gizlenir; üst şeritteki "Bizi Arayın" ve sağ alttaki buton yerinde kalır */
@media(max-width:1180px){.nav-tel{display:none}}

/* ── Masaüstü: sağ altta sabit iki küçük buton ── */
.sabit-butonlar{position:fixed;right:24px;bottom:24px;display:flex;gap:8px;z-index:800}
.sabit-butonlar a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(28,43,56,.16);transition:transform .15s}
.sabit-butonlar a:hover{transform:translateY(-1px)}
.sabit-butonlar .sb-tel{background:#fff;border:2px solid var(--teal);color:var(--teal)}
.sabit-butonlar .sb-wa{background:#157F3C;color:#fff}

/* ── Telefon: altta sabit çubuk (Ara · WhatsApp · Yol Tarifi) ── */
.sabit-cubuk,.sabit-bosluk{display:none}
.sabit-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:850;background:#fff;box-shadow:0 -4px 14px rgba(28,43,56,.08);padding-bottom:env(safe-area-inset-bottom,0px)}
.sc-guven{padding:7px 12px;background:var(--teal-bg);border-top:1px solid #DCE5EE;text-align:center;font-size:13px;font-weight:700;color:var(--teal);line-height:1.3}
.sc-dugmeler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
.sc-dugmeler a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border-radius:11px;font-size:15px;font-weight:700;text-decoration:none;box-sizing:border-box}
.sc-dugmeler .sc-ara{background:var(--teal);color:#fff}
.sc-dugmeler .sc-wa{background:#157F3C;color:#fff}
.sc-dugmeler .sc-yol{background:#fff;border:2px solid var(--teal);color:var(--teal)}

@media(max-width:768px){
  .sabit-butonlar{display:none}
  .sabit-cubuk{display:block}
  /* Sayfanın en altı (footer) çubuğun arkasında kalmasın */
  .sabit-bosluk{display:block;height:calc(72px + env(safe-area-inset-bottom,0px))}
  .sabit-bosluk.guvenli{height:calc(104px + env(safe-area-inset-bottom,0px))}
  /* Çerez kutusu çubuğun üstünde açılsın */
  html .cerez-kutusu{bottom:calc(116px + env(safe-area-inset-bottom,0px))}
}

@media print{.sabit-cubuk,.sabit-bosluk,.sabit-butonlar{display:none!important}}