/* Tawk.to live chat — bottom-left, responsive */
:root {
  --tawk-offset-x: 20px;
  --tawk-offset-y: 20px;
  --tawk-z: 99989;
}

#tawk-bubble-container,
.tawk-min-container,
.tawk-max-container,
.tawk-button {
  left: var(--tawk-offset-x) !important;
  right: auto !important;
  bottom: var(--tawk-offset-y) !important;
  z-index: var(--tawk-z) !important;
}

/* Keep chat panel within viewport on tablets and phones */
@media (max-width: 768px) {
  :root {
    --tawk-offset-x: 12px;
    --tawk-offset-y: max(12px, env(safe-area-inset-bottom, 0px));
  }

  .tawk-max-container,
  .tawk-max-container iframe,
  iframe[title="chat widget"] {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 80px) !important;
  }
}

@media (max-width: 480px) {
  :root {
    --tawk-offset-x: 10px;
    --tawk-offset-y: max(10px, env(safe-area-inset-bottom, 0px));
  }

  #tawk-bubble-container,
  .tawk-min-container {
    transform: scale(0.92);
    transform-origin: left bottom;
  }

  .tawk-max-container,
  .tawk-max-container iframe,
  iframe[title="chat widget"] {
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 72px) !important;
  }
}

/* Avoid overlap with WhatsApp button on the right */
@media (max-width: 768px) {
  body:has(.whatsapp-float-btn) {
    --tawk-offset-y: max(14px, env(safe-area-inset-bottom, 0px));
  }
}