/**
 * Elementor compatibility — keep Wareef sections identical inside/outside the builder.
 */

/* Full-bleed Wareef widgets: remove Elementor column/section padding */
body.wareef-elementor-page .elementor-section.elementor-top-section > .elementor-container,
body.elementor-editor-active .elementor-section.elementor-top-section > .elementor-container,
body.elementor-editor-preview .elementor-section.elementor-top-section > .elementor-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body.wareef-elementor-page .elementor-section.elementor-top-section,
body.elementor-editor-active .elementor-section.elementor-top-section,
body.elementor-editor-preview .elementor-section.elementor-top-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

body.wareef-elementor-page .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
body.elementor-editor-active .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
body.elementor-editor-preview .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

body.wareef-elementor-page [class*="elementor-widget-wareef_"] > .elementor-widget-container,
body.elementor-editor-active [class*="elementor-widget-wareef_"] > .elementor-widget-container,
body.elementor-editor-preview [class*="elementor-widget-wareef_"] > .elementor-widget-container {
  padding: 0;
  margin: 0;
}

body.wareef-elementor-page [class*="elementor-widget-wareef_"],
body.elementor-editor-active [class*="elementor-widget-wareef_"],
body.elementor-editor-preview [class*="elementor-widget-wareef_"] {
  width: 100%;
  max-width: 100%;
}

/* Hero & full-width sections must span the viewport */
body.wareef-elementor-page .hero,
body.elementor-editor-active .hero,
body.elementor-editor-preview .hero {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Reveal animations should not hide content in Elementor */
body.wareef-elementor-page .reveal,
body.elementor-editor-active .reveal,
body.elementor-editor-preview .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Prevent Elementor kit typography from overriding section titles */
body.wareef-elementor-page .section-title,
body.wareef-elementor-page .hero__title,
body.elementor-editor-active .section-title,
body.elementor-editor-active .hero__title,
body.elementor-editor-preview .section-title,
body.elementor-editor-preview .hero__title {
  font-family: var(--wareef-font);
}

/* Elementor sometimes adds extra gap between stacked sections */
body.wareef-elementor-page .elementor-top-section + .elementor-top-section,
body.elementor-editor-active .elementor-top-section + .elementor-top-section,
body.elementor-editor-preview .elementor-top-section + .elementor-top-section {
  margin-top: 0;
}

/* Editor canvas: match live page background */
body.elementor-editor-active,
body.elementor-editor-preview {
  font-family: var(--wareef-font);
}