/* =========================================
   ELEMENTOR EDITOR FIXES
   Makes the preview look correct inside
   the Elementor editor iframe
   ========================================= */

/* Remove Elementor's default widget padding */
.elementor-widget-html .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Let HTML widgets take full width */
.elementor-widget-html {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix section widths in editor */
.elementor-section.elementor-section-full_width .elementor-container {
  max-width: 100% !important;
}

.elementor-section .elementor-container {
  padding: 0 !important;
}

.elementor-column-gap-no .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

/* Fix the navbar in editor (don't use fixed positioning) */
.elementor-editor-active .navbar {
  position: relative !important;
  top: auto !important;
}

/* Fix hero section in editor */
.elementor-editor-active .hero {
  height: 80vh !important;
  min-height: 500px !important;
}

/* Ensure sections stretch full width */
.elementor-editor-active .top-bar,
.elementor-editor-active .navbar,
.elementor-editor-active .hero,
.elementor-editor-active .walkin-specials,
.elementor-editor-active .spice-divider,
.elementor-editor-active .our-menu,
.elementor-editor-active .reviews,
.elementor-editor-active .guess-song,
.elementor-editor-active .catering-party-grid,
.elementor-editor-active .locals-love,
.elementor-editor-active .see-menu-cta,
.elementor-editor-active .our-story,
.elementor-editor-active .franchise,
.elementor-editor-active .faq,
.elementor-editor-active .contact-section,
.elementor-editor-active .footer {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Fix page loader - hide in editor */
.elementor-editor-active .page-loader {
  display: none !important;
}

/* Ensure video plays in editor */
.elementor-editor-active video {
  pointer-events: none;
}

/* Fix container width inside editor */
.elementor-editor-active .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}

/* Make fade-up elements visible in editor (no animation needed) */
.elementor-editor-active .fade-up {
  opacity: 1 !important;
  transform: none !important;
}