/* =====================================================================
   HL WP: WordPress / Elementor fixes on top of hl-site.css
   ===================================================================== */

/* Admin bar (logged-in only) pushes the fixed header down */
.admin-bar .hl-header{ top:32px; }
.admin-bar .hl-menu{ top:32px; }
@media (max-width:782px){ .admin-bar .hl-header, .admin-bar .hl-menu{ top:46px; } }
@media (max-width:600px){ .admin-bar .hl-header, .admin-bar .hl-menu{ top:0; } }

/* HuesLoom widgets run edge to edge: no Elementor container padding or gaps around them.
   Elementor containers set their own --gap, which is also our spacing token (hl-site.css :root), and every
   grid inside inherits it. So the container gap is zeroed with `gap`, and --gap is restored inside each widget. */
.e-con:has(> .elementor-widget[class*="elementor-widget-hl-"]){ --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; --row-gap:0px; --column-gap:0px; --content-width:100%; gap:0!important; }
.elementor-widget[class*="elementor-widget-hl-"]{ width:100%; max-width:100%; }

/* Page containers made by the importer (class "hl-page"): sections run full width, stacked with no gaps */
.e-con.hl-page{ --padding-top:0px; --padding-bottom:0px; --padding-left:0px; --padding-right:0px; --row-gap:0px; --column-gap:0px; --content-width:100%; --width:100%; gap:0!important; }
.e-con.hl-page > .elementor-element{ width:100%; max-width:100%; margin:0; }

/* Restore the design system's spacing token inside the sections (same values as :root in hl-site.css) */
.e-con > .elementor-element{ --gap:24px; }
@media (max-width:1024px){ .e-con > .elementor-element{ --gap:20px; } }
@media (max-width:767px){ .e-con > .elementor-element{ --gap:16px; } }
.e-con.hl-page > .elementor-widget-html > .elementor-widget-container{ margin:0; padding:0; }

/* Elementor's own link/heading colours must not leak into our sections */
.elementor-widget[class*="elementor-widget-hl-"] a:not(.hl-btn){ color:inherit; }

/* ---------- Editor preview: everything visible and static ---------- */
.hl-editing .hl-reveal-lines, .hl-editing .hl-reveal-fade{ visibility:visible!important; opacity:1!important; transform:none!important; }
.hl-editing .hl-header{ position:absolute; }
.hl-editing .hl-cycle__word + .hl-cycle__word{ display:none; }