/* WordPress-only versions of the site's page fixes (src/app/[...slug]/wp-doc.css) that the site ties to export-time
   page/element ids. In WordPress the elements carry a named class instead (scripts/wp-elementor-sync.mjs ID_CLASSES). */
@layer wp-overrides {
  /* Sitemap: link lists of very different lengths flow down columns instead of sitting in grid rows. */
  .wp-doc .cs-sitemap-cols {
    display: block;
    columns: 3 260px;
    column-gap: 32px;
  }
  .wp-doc .cs-sitemap-cols > * {
    break-inside: avoid;
    margin-bottom: 28px;
  }
}

/* Homepage built from CloudScore widgets: Elementor's own boxes around the sections take no space, so the sections sit
   exactly as on the site. In the Elementor editor the boxes stay, so each section can be selected. */
@layer wp-overrides {
  body:not(.elementor-editor-active) .cs-home-content > .elementor,
  body:not(.elementor-editor-active) .cs-home-content .e-con,
  body:not(.elementor-editor-active) .cs-home-content .e-con-inner,
  body:not(.elementor-editor-active) .cs-home-content .elementor-widget[class*="elementor-widget-cs-home-"] {
    display: contents;
  }
  .elementor-editor-active .cs-home-content .e-con {
    --padding-top: 0px;
    --padding-right: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --gap: 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
}