/* Rawana — neutralise Elementor's layout around the seven section widgets.

   The sections are full-bleed by design: `.rwn-section` fills its parent and
   `.rwn-inner` does the centring. On the block-built page that worked because
   the blocks were placed with align "full". Inside Elementor the widget sits in
   two extra wrappers that would otherwise impose Elementor's own content width,
   padding and flex gaps, so both wrappers are made to pass width straight
   through. This is the ONLY Elementor-specific CSS; the sections themselves are
   styled by exactly the same snippets as the Gutenberg build. */

/* --- 1. Widget + its container are pass-throughs ----------------------- */
.elementor-widget[class*="elementor-widget-rwn-"] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.elementor-widget[class*="elementor-widget-rwn-"] > .elementor-widget-container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* --- 2. A container holding only Rawana sections carries no chrome ------ */
.elementor .e-con.rwn-con,
.elementor .e-con.rwn-con > .e-con-inner {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --content-width: 100%;
}

/* --- 3. Elementor's editor overlay must not shift the sections --------- */
.elementor-element-overlay,
.elementor-widget[class*="elementor-widget-rwn-"] > .elementor-element-overlay {
  pointer-events: none;
}

/* Elementor gives empty widgets a min-height placeholder in the editor; our
   sections are never empty, so drop it rather than let it add dead space. */
.elementor-widget[class*="elementor-widget-rwn-"] .elementor-widget-empty {
  display: none;
}