/* === FLOATING WHATSAPP – PREMIUM TASARIM === */
.wd-wa-wrapper{
  position:fixed;
  z-index:999999;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

/* Masaüstü & genel görünüm: yuvarlak neon balon */
.wd-wa-floating-btn{
  position:relative;
  border:none;
  outline:none;
  cursor:pointer;
  border-radius:999px;
  width:56px;
  height:56px;
  padding:0;

  background:transparent !important;
  color:#ffffff !important;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-shadow:0 18px 40px rgba(15,23,42,0.85);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

/* Neon daire içi */
.wd-wa-floating-btn::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  box-shadow:0 10px 26px rgba(22,163,74,0.75);
}

/* İnce çerçeve */
.wd-wa-floating-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,0.25);
  box-shadow:0 0 0 1px rgba(15,23,42,0.6) inset;
}

.wd-wa-floating-btn:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 22px 52px rgba(15,23,42,0.9);
  filter:brightness(1.05);
}

.wd-wa-floating-inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* İkon boyutu */
.wd-wa-floating-inner svg{
  width:24px;
  height:24px;
  fill:#ffffff;
}

/* Masaüstü yazı rozet (hover’da çıkan) */
.wd-wa-floating-label{
  position:absolute;
  right:64px;
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border-radius:999px;
  background:rgba(15,23,42,0.96);
  color:#e5f9ff;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  letter-spacing:.02em;
  box-shadow:0 10px 25px rgba(15,23,42,0.85);
  text-shadow:0 1px 2px rgba(15,23,42,0.9);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}

.wd-wa-floating-btn:hover .wd-wa-floating-label{
  opacity:1;
  transform:translate(-2px,-50%);
}

/* Animasyonlar */
@keyframes wd-wa-pulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.06);}
  100%{transform:scale(1);}
}
@keyframes wd-wa-bounce{
  0%,20%,50%,80%,100%{transform:translateY(0);}
  40%{transform:translateY(-7px);}
  60%{transform:translateY(-3px);}
}
@keyframes wd-wa-glow{
  0%{box-shadow:0 0 0 rgba(34,197,94,0.0);}
  50%{box-shadow:0 0 22px rgba(34,197,94,0.9);}
  100%{box-shadow:0 0 0 rgba(34,197,94,0.0);}
}

.wd-wa-anim-pulse{
  animation:wd-wa-pulse 1.8s ease-in-out infinite;
}
.wd-wa-anim-bounce{
  animation:wd-wa-bounce 1.6s ease-in-out infinite;
}
.wd-wa-anim-glow{
  animation:wd-wa-glow 1.9s ease-in-out infinite;
}

/* --- Mobil görünüm: tam yuvarlak, sadece ikon --- */
@media (max-width:640px){
  .wd-wa-floating-label{
    display:none; /* yazıyı gizle, sadece ikon kalsın */
  }
  .wd-wa-floating-btn{
    width:52px;
    height:52px;
    box-shadow:0 16px 34px rgba(15,23,42,0.8);
  }
  .wd-wa-floating-btn::before{
    inset:5px;
  }
  .wd-wa-floating-inner svg{
    width:22px;
    height:22px;
  }
  /* alt menü + yukarı çık alanı için (mobile_safe sınıfı zaten PHP’den geliyor) */
  .wd-wa-wrapper.wd-wa-wrapper-mobile-safe{
    bottom:100px !important;
  }
}

/* Masaüstünde bir tık daha güçlü görünüm */
@media (min-width:1024px){
  .wd-wa-floating-btn{
    width:60px;
    height:60px;
  }
  .wd-wa-floating-inner svg{
    width:26px;
    height:26px;
  }
}

/* Mini açılır panel */
.wd-wa-panel{
  position:absolute;
  bottom:56px;
  right:0;
  min-width:260px;
  max-width:320px;
  background:radial-gradient(circle at top left,rgba(148,163,184,0.28),rgba(15,23,42,0.98));
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,0.65);
  padding:10px;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px) scale(0.98);
  transform-origin:bottom right;
  transition:opacity .18s ease, transform .18s ease;
}
.wd-wa-panel-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.wd-wa-panel-inner{
  padding:8px 6px 6px;
}
.wd-wa-panel-header{
  padding:6px 10px 8px;
  border-bottom:1px solid rgba(148,163,184,0.35);
  margin-bottom:6px;
}
.wd-wa-panel-title{
  font-size:13px;
  font-weight:600;
  color:#f9fafb;
  display:block;
}
.wd-wa-panel-subtitle{
  font-size:11px;
  color:#cbd5f5;
  opacity:.9;
}

.wd-wa-panel-list{
  max-height:260px;
  overflow:auto;
  padding:4px 2px 4px 0;
}
.wd-wa-panel-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
  text-decoration:none;
  transition:background .16s ease, transform .12s ease;
}
.wd-wa-panel-item:hover{
  background:rgba(15,23,42,0.85);
  transform:translateY(-1px);
}
.wd-wa-panel-icon{
  flex:0 0 auto;
}
.wd-wa-panel-icon-inner{
  width:30px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(34,197,94,0.95),rgba(16,185,129,0.95));
  box-shadow:0 6px 14px rgba(22,163,74,0.7);
}
.wd-wa-panel-text{
  flex:1 1 auto;
}
.wd-wa-panel-label{
  font-size:13px;
  font-weight:600;
  color:#f9fafb;
}
.wd-wa-panel-desc{
  font-size:11px;
  color:#cbd5f5;
  opacity:.92;
}

/* Ürün sayfası butonu - kompakt ve duyarlı */
.wd-urun-wa-wrapper{
  margin-top:10px;
  display:flex;
  justify-content:flex-start;
}
.wd-urun-wa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff!important;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  box-shadow:0 10px 24px rgba(22,163,74,0.45);
  border:1px solid rgba(240,253,250,0.16);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
  max-width:100%;
}
.wd-urun-wa-btn:hover{
  transform:translateY(-1px) scale(1.01);
  box-shadow:0 14px 30px rgba(22,163,74,0.6);
  filter:brightness(1.03);
}
.wd-urun-wa-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(15,23,42,0.25);
  box-shadow:0 4px 10px rgba(15,23,42,0.55);
  flex-shrink:0;
}
.wd-urun-wa-text{
  display:flex;
  flex-direction:column;
  gap:1px;
  text-align:left;
}
.wd-urun-wa-text-main{
  font-size:13px;
  font-weight:700;
  line-height:1.1;
}
.wd-urun-wa-text-sub{
  font-size:11px;
  font-weight:400;
  opacity:.9;
  line-height:1.1;
}

/* Masaüstünde ürün butonu hizalama */
@media (min-width:768px){
  .wd-urun-wa-wrapper{
    justify-content:flex-start;
  }
  .woocommerce div.product .summary .wd-urun-wa-wrapper{
    margin-top:12px;
  }
}

/* Mobil optimizasyon */
@media (max-width:640px){
  .wd-wa-panel{
    min-width:230px;
    max-width:260px;
  }
  .wd-urun-wa-wrapper{
    width:100%;
  }
  .wd-urun-wa-btn{
    width:100%;
    justify-content:center;
    padding:9px 12px;
    border-radius:999px;
  }
  .wd-urun-wa-text-main{
    font-size:13px;
  }
  .wd-urun-wa-text-sub{
    font-size:10px;
  }
}

/* Çok küçük ekranlar için */
@media (max-width:380px){
  .wd-urun-wa-btn{
    padding:8px 10px;
  }
  .wd-wa-panel{
    right:0;
  }
}