.whatsapp-fixed-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999999;

  display: flex;
  align-items: center;
  gap: 10px;

  background: #c9a24d;
  color: #ffffff;

  padding: 14px 20px;
  border-radius: 999px;

  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease;
}

.whatsapp-fixed-btn:hover {
  background: #b08d3f;
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  .whatsapp-fixed-btn span {
    display: none;
  }

  .whatsapp-fixed-btn {
    padding: 14px;
    border-radius: 50%;
  }
}

/* =========================
   Dark Mode - WhatsApp Button
   (html.dark aktifken)
========================= */
html.dark .whatsapp-fixed-btn{
  background: #d1b15b;
  color: #0b1220;
  box-shadow: 0 12px 28px rgba(0,0,0,0.55);
}

html.dark .whatsapp-fixed-btn:hover{
  background: #e1c36a;
  transform: translateY(-2px);
}

/* =========================
   Dark Mode - Genel açık zeminleri bastır (Tailwind bg-white vb.)
========================= */
html.dark .bg-white,
html.dark .bg-slate-50,
html.dark .bg-gray-50,
html.dark .bg-gray-100,
html.dark .bg-slate-100 {
  background-color: #0b1220 !important;
}

/* Tailwind bazen inline style ile background veriyor */
html.dark [style*="background: #fff"],
html.dark [style*="background:#fff"],
html.dark [style*="background: white"],
html.dark [style*="background:white"],
html.dark [style*="background-color: #fff"],
html.dark [style*="background-color:#fff"],
html.dark [style*="background-color: white"],
html.dark [style*="background-color:white"] {
  background-color: #0b1220 !important;
}

/* =========================
   Dark Mode - Kart/slider alanları
========================= */
html.dark .product-card,
html.dark .card,
html.dark .product-item,
html.dark .swiper-slide,
html.dark .slide,
html.dark .product,
html.dark .product-box {
  overflow: hidden !important;
  background: #0b1220 !important;
}

/* Kart içi alt bar / fiyat+buton alanları */
html.dark .card-footer,
html.dark .product-footer,
html.dark .product-actions,
html.dark .actions,
html.dark .footer,
html.dark .bottom,
html.dark .bottom-bar,
html.dark .btn-wrap,
html.dark .button-wrap,
html.dark .add-cart-wrap {
  background: #0b1220 !important;
}

/* Glow/overlay pseudo element varsa kapat */
html.dark .product-card::before,
html.dark .product-card::after,
html.dark .card::before,
html.dark .card::after,
html.dark .product-item::before,
html.dark .product-item::after,
html.dark .swiper-slide::before,
html.dark .swiper-slide::after,
html.dark .slide::before,
html.dark .slide::after {
  content: none !important;
  display: none !important;
}

/* Slider dış kabı beyazsa */
html.dark .slider,
html.dark .slider-viewport,
html.dark .slider-track,
html.dark .swiper,
html.dark .swiper-wrapper {
  background: #0b1220 !important;
}

/* Border’lar dark’a uyumlu olsun */
html.dark .border,
html.dark .border-slate-200,
html.dark .border-gray-200,
html.dark .border-slate-100,
html.dark .border-gray-100 {
  border-color: #1e293b !important;
}

/* =========================
   🌙 Dark Mode - Sepete Ekle "parlama/glow" FIX
   (Hem kartlarda hem ürün detayda)
========================= */

/* Genel: dark modda butonların filtre/parlamasını kapat */
html.dark button,
html.dark .btn,
html.dark .add-to-cart,
html.dark a.btn {
  filter: none !important;
}

/* Kart içindeki butonlarda açık renkli glow (shadow-indigo-200 vb.) olmasın */
html.dark .product-card button,
html.dark .product-card .btn,
html.dark .product-card .add-to-cart,
html.dark .card button,
html.dark .card .btn,
html.dark .card .add-to-cart,
html.dark .product-item button,
html.dark .product-item .btn,
html.dark .product-item .add-to-cart {
  box-shadow: none !important;
}

/* Ürün detay sayfasındaki Sepete Ekle için:
   Sağ panel / fiyat kutusu içinde kalan glow'u da kapat */
html.dark .sidebar button,
html.dark .sidebar .btn,
html.dark .sidebar a.btn,
html.dark .right-panel button,
html.dark .right-panel .btn,
html.dark .right-panel a.btn,
html.dark .product-detail button,
html.dark .product-detail .btn,
html.dark .product-detail a.btn {
  box-shadow: none !important;
}

/* Eğer butonun parent’ı altına glow “taşıyorsa”, onu da clip’le */
html.dark .sidebar,
html.dark .right-panel,
html.dark .product-detail,
html.dark .product-detail .card,
html.dark .product-detail .product-box {
  overflow: hidden !important;
}

/* İstersen buton “premium” dursun diye koyu gölge ver (beyaz glow değil) */
html.dark .sidebar button,
html.dark .sidebar .btn,
html.dark .right-panel button,
html.dark .right-panel .btn,
html.dark .product-detail button,
html.dark .product-detail .btn {
  box-shadow: 0 14px 28px rgba(0,0,0,.45) !important;
}