/*
 * Dive Antenna shared public-page layout.
 * Keep width decisions here; component CSS must use these variables instead
 * of defining page-specific content widths.
 */
:root {
  --da-content-max-width: 1200px;
  --da-content-side-padding: 20px;
}

/*
 * Cocoon's configured 600px main column is intentionally replaced only on
 * public pages carrying da-site-layout. Header and footer are not targeted.
 */
body.da-site-layout #content-in {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.da-site-layout #main {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--da-content-max-width) !important;
  margin: 0 auto !important;
  padding-right: var(--da-content-side-padding) !important;
  padding-left: var(--da-content-side-padding) !important;
  float: none !important;
}

body.da-site-layout #sidebar {
  display: none !important;
}

/*
 * TOP already owns its 20px inner gutter through .da-container. Point pages
 * own it through .da-point. Avoid applying the gutter twice to either page.
 */
body.da-layout-portal #main,
body.da-point-page #main {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/*
 * Gutenberg full-width blocks remain an intentional escape hatch. Normal and
 * wide blocks stay inside the shared 1200px content area.
 */
body.da-site-layout .entry-content > .alignfull {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

@media screen and (max-width: 767px) {
  :root {
    --da-content-side-padding: 16px;
  }
}