/* =====================================================================
   The Diamond Harbour — mobil düzeltmeler (mobile.css)  v2
   ===================================================================== */

/* 1) Yatay taşma koruması (her yerde) */
html,body{overflow-x:hidden;max-width:100%}
img,canvas,video,svg,iframe{max-width:100%;height:auto}

@media (max-width:760px){

  /* 2) GÖRÜNÜRLÜK GARANTİSİ — siyah boşluk + 'animasyon çalışmıyor' kökü */
  .reveal,.product,.product-grid,.article,.review,.feature-grid,
  .shop-head,.shop-foot,.section-head,.interlude .ic,.cfg,.cards,.grid{
    opacity:1 !important; animation:tdhIn .7s ease both;
  }
  .product,.article,.review{transform:none}

  /* 3) HEADER taşmasını gider: marka biraz küçülsün, araçlar sıkışsın.
        (dil + hesap hamburger menüsüne taşınır — bkz mobile.js) */
  .header{padding:12px 14px !important}
  .header.solid,.header.scrolled{padding:11px 14px !important}
  .header .brand{flex:0 1 auto;min-width:0;overflow:hidden}
  .brand b{font-size:1.04rem !important;letter-spacing:.08em !important}
  .brand span{font-size:.4rem !important;letter-spacing:.16em !important;margin-top:3px !important}
  .tools{gap:9px !important;flex-shrink:0}
  #curSel{font-size:.6rem !important;padding:6px 7px !important}
  .menu-toggle{flex-shrink:0;padding:6px 2px}

  /* dil + hesap menüye taşındığında menü içi görünümü */
  .nav .tdh-menu-extra{
    display:flex;align-items:center;gap:14px;flex-wrap:wrap;
    width:100%;margin-top:6px;padding-top:16px;border-top:1px solid var(--line-d);
  }
  .nav .tdh-menu-extra .lang{display:flex}
  .nav .tdh-menu-extra .acct-btn{display:flex;align-items:center;gap:8px}
  .nav .tdh-menu-extra .acct-btn span{display:inline !important;font-size:.7rem;letter-spacing:.12em}

  /* 4) MENÜ / SAYFA BAŞI ÇAKIŞMASI: sabit topbar'ın altını boşalt */
  .phero{padding-top:124px !important}
  .astro-hero.page{padding-top:124px !important}

  /* 5) 'Back to home' ve tüm butonlar tıklanabilir kalsın */
  a.btn,.btn{position:relative;z-index:3}

  /* 6) Genel taşan öğeler */
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre,code{white-space:pre-wrap;word-break:break-word}
  .wrap,section,header,footer{max-width:100%}
}

@keyframes tdhIn{from{transform:translateY(16px)}to{transform:none}}

/* 7) Yüzen TELEFON + WHATSAPP butonları (mobil) */
#tdh-fab{position:fixed;right:14px;bottom:16px;z-index:95;display:flex;flex-direction:column;gap:11px}
#tdh-fab a{
  width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,.4);transition:transform .15s ease;text-decoration:none;
}
#tdh-fab a:active{transform:scale(.92)}
#tdh-fab a svg{width:26px;height:26px;display:block}
#tdh-fab .tdh-wa{background:#25D366}
#tdh-fab .tdh-tel{background:linear-gradient(135deg,#8c6c34,#e7cd92 55%,#b8924f)}
#tdh-fab .tdh-tel svg{fill:#0c0c0e}
#tdh-fab .tdh-wa svg{fill:#fff}
@media (min-width:761px){#tdh-fab{display:none}}