/*
 * EGNATON Public Web UI — Contao Content Canvas
 * File: egnaton-public-canvas.css
 * Version: 1.0.0
 *
 * Governed source:
 * D:\GMS_Digital_Brain\02_working_papers\EGNATON\Public_Web_UI_Contao\
 * 05_Contao_Runtime\Themes\standard-bg-super-slim\egnaton-public-canvas.css
 *
 * Intended Contao upload target:
 * files/bg-extensions/css/egnaton-public-canvas.css
 *
 * Scope:
 * Only pages rendered with a layout that adds the body class:
 *   layout-pweb-workitems
 *
 * Browser-verified baseline on:
 *   https://www.egnaton.com/en/work-items-preview/
 *
 * Verified legacy spacing:
 *   #header: fixed, 200px high
 *   #wrapper: padding-top 200px — intentionally preserved
 *   #pagevisual: 350px min-height — removed below
 *   .mod_article.article_container: 90px top/bottom padding — removed below
 *
 * Safety:
 * - Does not alter the fixed header offset.
 * - Does not hide navigation, breadcrumb or footer.
 * - Does not apply to layouts without body.layout-pweb-workitems.
 */

/* Remove the legacy empty page-visual / hero reserve. */
body.layout-pweb-workitems #pagevisual {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/*
 * Remove only the legacy vertical article padding.
 * Horizontal width and padding remain untouched until separately inventoried.
 */
body.layout-pweb-workitems #main .mod_article.article_container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*
 * Keep the canvas start deterministic when the first content element or
 * widget carries a browser-default top margin.
 */
body.layout-pweb-workitems #main .mod_article.article_container > :first-child {
  margin-top: 0;
}

/*
 * Prevent a widget or full-width component from creating accidental
 * horizontal page scrolling. This does not constrain its intended width.
 */
body.layout-pweb-workitems #main {
  min-width: 0;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  body.layout-pweb-workitems #main {
    overflow-x: hidden;
  }
}