/**
 * Hamburger Menu Fix - CSS
 * Ensures the mobile menu popup displays properly
 */

/* Ensure the popup is properly positioned and visible */
[data-elementor-id="1212"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease !important;
}

/* When popup is shown */
[data-elementor-id="1212"][style*="display: block"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Style the popup content */
[data-elementor-id="1212"] .elementor-location-popup {
  width: 100% !important;
  height: 100% !important;
  max-width: 500px !important;
  background: #f5f5dc !important;
  position: relative !important;
}

/* Ensure popup appears on mobile */
@media (max-width: 768px) {
  [data-elementor-id="1212"] {
    display: none !important;
  }

  [data-elementor-id="1212"][style*="display: block"] {
    display: block !important;
  }
}

/* Style the overlay */
.elementor-popup-modal-1212-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 9998 !important;
  display: none !important;
}

/* Body class when popup is open */
body.elementor-popup-modal-1212 {
  overflow: hidden !important;
}