/* ═══════════════════════════════════════════════════════════════════════════════
   TAWK.TO CHAT WIDGET FIX
   Created: March 11, 2026
   Purpose: Fix visibility and positioning issues
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Force Tawk.to widget visibility */
#tawk-widget-container,
#tawkchat-container,
.tawk-min-container,
[data-tawk-component],
iframe[src*="tawk.to"] {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

/* Ensure the bubble is visible */
.tawk-bubble,
.tawk-button,
[class*="tawk"][class*="bubble"],
[class*="tawk"][class*="button"] {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  z-index: 999999 !important;
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  pointer-events: auto !important;
}

/* Override any hidden states */
.tawk-hidden,
.tawk-min-hidden {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure iframe is rendered properly */
#tawk-widget-container iframe,
iframe#tawkId {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
  .tawk-bubble,
  .tawk-button,
  .tawk-min-container {
    bottom: 70px !important; /* Above mobile nav */
    right: 15px !important;
    z-index: 999998 !important;
  }
}

/* Debug helper - remove in production */
.tawk-debug-visible {
  border: 3px solid red !important;
  background: rgba(255, 0, 0, 0.1) !important;
}