/**
 * TD Theme compatibility tweaks (Hello Elementor / Elementor)
 * Scope: only on TD pages (body.td-page is added by plugin inline script)
 */
html.td-page, body.td-page { background:#fff !important; overflow-x:hidden; }

/* Elementor boxed/contained layouts can enforce max-width and inner padding */
body.td-page .elementor-section.elementor-section-boxed > .elementor-container,
body.td-page .elementor-container { max-width:none !important; }

/* The actual squeeze culprit (often has 20px inline/computed padding) */
body.td-page .elementor .elementor-widget-wrap.elementor-element-populated,
body.td-page .elementor-widget-wrap.elementor-element-populated{
  padding:0 !important;
  /* Hello/Elementor may center children when used as a flex container, which creates
   * "black gutters"/inset even when padding is 0 (child rect x becomes 10px etc).
   */
  justify-content:flex-start !important;
  align-items:stretch !important;
}

/* Some themes/skins apply padding on the widget container instead */
body.td-page .elementor .elementor-widget-container,
body.td-page .elementor-widget-container,
body.td-page .elementor-widget-theme-post-content .elementor-widget-container{
  padding:0 !important;
}

/* Force TD wrappers to use full width */
body.td-page .td-container.td-wrap,
body.td-page .td-wrap,
body.td-page .td-main{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Ensure the Elementor "post content" widget itself stretches full width inside flex layouts */
body.td-page .elementor-widget-theme-post-content,
body.td-page .elementor-widget-theme-post-content > .elementor-widget-container{
  width:100% !important;
  max-width:none !important;
  flex:1 1 100% !important;
  min-width:0 !important;
}