/*!
 * High Street Elegance — Elementor widget parity styles.
 *
 * The widgets render the exact same markup as the theme templates, so this file
 * only removes editor interference and makes sure a bare widget dropped on a
 * blank canvas looks identical to the themed front end.
 */

.elementor-widget-hs_hero,
.elementor-widget-hs_usp,
.elementor-widget-hs_categories,
.elementor-widget-hs_products,
.elementor-widget-hs_brochure,
.elementor-widget-hs_journal,
.elementor-widget-hs_cta,
.elementor-widget-hs_companies,
.elementor-widget-hs_page_hero,
.elementor-widget-hs_accessories,
.elementor-widget-hs_contact,
.elementor-widget-hs_header,
.elementor-widget-hs_footer,
.elementor-widget-hs_section_heading {
  color: var(--hs-foreground);
}

/* Widgets that are full-bleed sections need the container to stop padding them. */
.elementor-widget-hs_cta .hs-cta,
.elementor-widget-hs_hero .hs-hero {
  margin-inline: 0;
}

/* The header is fixed on the front end; inside the editor it must sit in flow. */
.elementor-editor-active .elementor-widget-hs_header .hs-header,
.elementor-editor-preview .elementor-widget-hs_header .hs-header {
  position: relative;
  top: 0;
}

.elementor-editor-active .hs-drawer,
.elementor-editor-active .hs-search {
  display: none;
}

/* Keep the hero copy in flow inside the editor so it is never clipped. */
.elementor-editor-active .hs-hero__body-wrap,
.elementor-editor-preview .hs-hero__body-wrap {
  position: relative;
  padding-block: 2rem;
}

/* Nested widgets inside a full-width container should still be constrained. */
.elementor-widget-hs_hero .elementor-widget-container,
.elementor-widget-hs_usp .elementor-widget-container,
.elementor-widget-hs_categories .elementor-widget-container,
.elementor-widget-hs_products .elementor-widget-container,
.elementor-widget-hs_brochure .elementor-widget-container,
.elementor-widget-hs_journal .elementor-widget-container,
.elementor-widget-hs_cta .elementor-widget-container,
.elementor-widget-hs_companies .elementor-widget-container,
.elementor-widget-hs_page_hero .elementor-widget-container,
.elementor-widget-hs_accessories .elementor-widget-container,
.elementor-widget-hs_contact .elementor-widget-container,
.elementor-widget-hs_header .elementor-widget-container,
.elementor-widget-hs_footer .elementor-widget-container {
  padding: 0;
  margin: 0;
}