/* Hello Elementor + Elementor Kit fixes for Your Help UA child theme */

/* 1. Hello Elementor reset → forced 500 weight on h1-h6 */
h1{font-weight:900!important}
h2{font-weight:700!important}
h3{font-weight:600!important}
h4,h5,h6{font-weight:600!important}

/* 2. Elementor Kit injects Roboto globally */
body, p, span, li, a, button, input, textarea {
  font-family: var(--font-body) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
}

/* 3. Outer Elementor wrappers add padding — let inner section own box-model */
[data-elementor-type="wp-page"] > .elementor-section,
.elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0 !important;
}
[data-elementor-type="wp-page"] .elementor-widget-wrap {
  padding: 0 !important;
}

/* 4. WP default button:hover is pink */
button:hover, input[type="submit"]:hover {
  background: var(--c-lime);
  color: var(--c-primary);
}

/* 5. Horizontal overflow on Elementor pages */
html, body, [data-elementor-type="wp-page"] {
  overflow-x: hidden;
  max-width: 100vw;
  background: var(--c-bg);
}

/* 6. Elementor's chte-section widget should pass through to inner section */
.elementor-widget-chte-section .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* 7. Make sure the body color is dark theme */
body, .elementor-page { background-color: var(--c-bg) !important; color: var(--c-ink); }