/* WordPress / Elementor bridge for the approved Dishio static prototype.
 * IMPORTANT: page-content resets are scoped to the Elementor WP page only.
 * Theme Builder Header/Footer are intentionally NOT hidden or reset here.
 */
html,body{margin:0!important;padding:0!important}

/* Keep Theme Builder locations available on Dishio pages. */
body.dishio-prototype-page .elementor-location-header,
body.dishio-prototype-page .elementor-location-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Reset only the actual Elementor page canvas/content, not Theme Builder templates. */
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"],
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] .e-con,
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] .e-con-inner,
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] .elementor-widget-html>.elementor-widget-container{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] .elementor-widget-html{
  --widgets-spacing:0px 0px;
}

/* Elementor sometimes supplies inherited link transitions/colors. Prototype CSS remains authoritative. */
body.dishio-prototype-page .elementor[data-elementor-type="wp-page"] a{box-shadow:none}

/* Keep the normal WordPress page title out of the prototype layout when Full Width is used. */
body.dishio-prototype-page .entry-title,
body.dishio-prototype-page .page-header{display:none!important}

/* Home horizontal-stage pinning: only page-content containers may have overflow neutralized.
   Theme Builder Header/Footer are deliberately excluded. */
body.dishio-page-home{overflow-x:clip!important}
body.dishio-page-home .elementor[data-elementor-type="wp-page"],
body.dishio-page-home .elementor[data-elementor-type="wp-page"] .e-con,
body.dishio-page-home .elementor[data-elementor-type="wp-page"] .e-con-inner,
body.dishio-page-home .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.dishio-page-home .elementor[data-elementor-type="wp-page"] .elementor-widget-html>.elementor-widget-container{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
}

/* Legal pages: Elementor wrappers must not become a sticky containing/scrolling block.
   Keep this scoped to the four legal pages so the rest of the site is untouched. */
:is(
  body.dishio-page-privacy-policy,
  body.dishio-page-dishio-terms-of-use,
  body.dishio-page-cookie-policy,
  body.dishio-page-acceptable-use-policy
) .elementor[data-elementor-type="wp-page"],
:is(
  body.dishio-page-privacy-policy,
  body.dishio-page-dishio-terms-of-use,
  body.dishio-page-cookie-policy,
  body.dishio-page-acceptable-use-policy
) .elementor[data-elementor-type="wp-page"] .e-con,
:is(
  body.dishio-page-privacy-policy,
  body.dishio-page-dishio-terms-of-use,
  body.dishio-page-cookie-policy,
  body.dishio-page-acceptable-use-policy
) .elementor[data-elementor-type="wp-page"] .e-con-inner,
:is(
  body.dishio-page-privacy-policy,
  body.dishio-page-dishio-terms-of-use,
  body.dishio-page-cookie-policy,
  body.dishio-page-acceptable-use-policy
) .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
:is(
  body.dishio-page-privacy-policy,
  body.dishio-page-dishio-terms-of-use,
  body.dishio-page-cookie-policy,
  body.dishio-page-acceptable-use-policy
) .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
}

/* =========================================================
   Case Study Singles — Elementor Post Content bridge
   Individual Case Studies are CPT posts, not normal WP Pages.
   Apply the same zero-wrapper/full-width treatment to the post
   document rendered inside the Theme Builder Post Content widget.
   ========================================================= */
body.dishio-case-study .elementor[data-elementor-type="wp-post"],
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .e-con,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .e-con-inner,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html > .elementor-widget-container,
body.dishio-case-study .elementor-location-single .elementor-widget-theme-post-content,
body.dishio-case-study .elementor-location-single .elementor-widget-theme-post-content > .elementor-widget-container{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html{
  --widgets-spacing:0px 0px;
}

/* Keep the pinned Why-this-matters rail independent of Elementor overflow/contain wrappers. */
body.dishio-case-study .elementor-location-single,
body.dishio-case-study .elementor-location-single .e-con,
body.dishio-case-study .elementor-location-single .e-con-inner,
body.dishio-case-study .elementor[data-elementor-type="wp-post"],
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .e-con,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .e-con-inner,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html,
body.dishio-case-study .elementor[data-elementor-type="wp-post"] .elementor-widget-html > .elementor-widget-container{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
}
body.dishio-case-study{overflow-x:clip!important}


/* Case Study inherited color guard — approved prototype */
body.dishio-case-study .elementor-location-single .elementor-widget-theme-post-content,
body.dishio-case-study .elementor-location-single .elementor-widget-theme-post-content > .elementor-widget-container{
  color:#fff!important;
  background:transparent!important;
}