
/* =========================================================
   HAYALİM DAVET — GLOBAL WHATSAPP V58
   ========================================================= */
.global-whatsapp-button{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9000;
  min-width:178px;
  min-height:58px;
  padding:8px 16px 8px 9px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:20px;
  background:linear-gradient(135deg,#1faa63 0%,#12894d 100%);
  color:#fff;
  box-shadow:
    0 18px 46px rgba(18,137,77,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
  text-decoration:none;
  font-family:"Montserrat",Arial,sans-serif;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.global-whatsapp-button:hover{
  transform:translateY(-3px);
  filter:brightness(1.035);
  box-shadow:
    0 24px 55px rgba(18,137,77,.35),
    inset 0 1px 0 rgba(255,255,255,.2);
}
.global-whatsapp-icon{
  width:41px;
  height:41px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.16);
}
.global-whatsapp-icon svg{
  width:25px;
  height:25px;
  fill:#fff;
}
.global-whatsapp-copy{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.global-whatsapp-copy small{
  margin-bottom:5px;
  font-size:8px;
  font-weight:500;
  color:rgba(255,255,255,.72);
}
.global-whatsapp-copy strong{
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}

/* Existing fixed mobile navigation can remain clickable. */
@media(max-width:760px){
  .global-whatsapp-button{
    right:14px;
    bottom:88px;
    min-width:0;
    width:54px;
    height:54px;
    min-height:54px;
    padding:0;
    justify-content:center;
    border-radius:18px;
    box-shadow:0 15px 38px rgba(18,137,77,.34);
  }
  .global-whatsapp-icon{
    width:100%;
    height:100%;
    background:transparent;
  }
  .global-whatsapp-icon svg{
    width:28px;
    height:28px;
  }
  .global-whatsapp-copy{
    display:none;
  }
}

/* Pages without a bottom menu can place it slightly lower. */
@media(max-width:760px){
  body:not(:has(.mobile-home-nav)):not(:has(.faq-mobile-bottom)) .global-whatsapp-button{
    bottom:18px;
  }
}

@media(max-width:390px){
  .global-whatsapp-button{
    right:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .global-whatsapp-button{
    transition:none;
  }
}
