/**
 * Page Designer — BREATHING ROOM under the top of the page.
 * v1.0.0 — its own file; selectors only, no colours, no fonts.
 * ─────────────────────────────────────────────────
 * Owner, 21 Oct 2026: the heading under a section slider sat right against
 * the slider's bottom edge ("Brokora in numbers" touching the hero). Every
 * page gets clear space:
 *   1. under a section slider, whatever follows it — in the same section or
 *      the next one;
 *   2. under a section with a section effect (FX band) at the top of the page;
 *   3. on a page with neither, between the top bar and the first section.
 * Written as space on the slider / FX / first section itself (margin-bottom,
 * margin-top), so a section's or block's own spacing set in its panel (its id
 * rule) still wins. Loaded on the published page and in the editor canvas, so
 * both look the same.
 */

/* 1. A section slider (data-pd-sl-on, on a column, a container or a
      section): space under it. Inside a section with nothing
      under it, the margin passes through to the gap before the next section. */
.gjs-row:has(> [data-pd-sl-on]:not([data-pd-sl-on="0"]):not([data-pd-sl-on=""])),
[data-pd-layout="section"][data-pd-sl-on]:not([data-pd-sl-on="0"]):not([data-pd-sl-on=""]),
[data-pd-layout="container"][data-pd-sl-on]:not([data-pd-sl-on="0"]):not([data-pd-sl-on=""]) {
    margin-bottom: clamp(40px, 5vw, 72px);
}

/* 2. A section carrying a section effect: space under it. */
[data-pd-layout="section"][data-pd-fx-preset]:not([data-pd-fx-preset=""]) {
    margin-bottom: clamp(40px, 5vw, 72px);
}

/* 3. No slider and no effect at the top: the page's first section starts
      clear of the top bar. */
[data-pd-layout="section"]:first-child:not(:has([data-pd-sl-on]:not([data-pd-sl-on="0"]):not([data-pd-sl-on=""]))):not([data-pd-sl-on]:not([data-pd-sl-on="0"]):not([data-pd-sl-on=""])):not([data-pd-fx-preset]:not([data-pd-fx-preset=""])) {
    margin-top: clamp(40px, 5vw, 72px);
}