/* Sağ alt: WhatsApp (üst) + Canlı destek (alt) — aynı yuvarlak yeşil stil */

:root {
  --byo-dock-size: 56px;
  --byo-dock-gap: 10px;
  --byo-dock-right: max(20px, env(safe-area-inset-right));
  --byo-dock-bottom: max(20px, env(safe-area-inset-bottom));
  --byo-dock-green: #25d366;
  --byo-dock-green-hover: #1ebe57;
  --byo-dock-shadow: 0 4px 18px rgba(37, 211, 102, 0.45);
  --byo-dock-shadow-hover: 0 6px 22px rgba(37, 211, 102, 0.5);
}

.byo-right-dock {
  position: fixed;
  right: var(--byo-dock-right);
  bottom: var(--byo-dock-bottom);
  z-index: 2147483646;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--byo-dock-gap);
  pointer-events: none;
}

.byo-right-dock > * {
  pointer-events: auto;
}

.byo-dock-fab {
  width: var(--byo-dock-size);
  height: var(--byo-dock-size);
  border-radius: 50%;
  background: var(--byo-dock-green);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  text-decoration: none;
  border: none;
  padding: 0;
  cursor: pointer;
  box-shadow: var(--byo-dock-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.byo-dock-fab:hover {
  background: var(--byo-dock-green-hover);
  transform: scale(1.06);
  box-shadow: var(--byo-dock-shadow-hover);
  color: #fff;
}

.byo-dock-fab--hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.85);
}

/* Eski tek başına WhatsApp konumu (dock kullanılıyorsa devre dışı) */
.byo-whatsapp-fab--right:not(.byo-dock-fab) {
  position: fixed;
  left: auto;
  right: var(--byo-dock-right);
  bottom: calc(var(--byo-dock-bottom) + var(--byo-dock-size) + var(--byo-dock-gap));
  z-index: 2147483646;
}

/* Tawk yerel balon / ikinci launcher — yalnızca #byo-tawk-launcher kullanılır */
#tawk-bubble-container,
#tawk-bubble-container iframe,
.tawk-min-container,
#tawkchat-minified-wrapper,
.tawk-button-circle.tawk-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  left: -9999px !important;
  bottom: auto !important;
  right: auto !important;
}

/* Açık sohbet penceresi Tawk panelinde kalsın */
#tawkchat-container,
#tawkchat-status-container {
  z-index: 2147483647 !important;
}

@media (max-width: 768px) {
  :root {
    --byo-dock-right: max(16px, env(safe-area-inset-right));
    --byo-dock-bottom: max(16px, env(safe-area-inset-bottom));
  }

  .byo-dock-fab {
    width: var(--byo-dock-size);
    height: var(--byo-dock-size);
    font-size: 28px;
  }
}