/* ==========================================================================
   elementor-overrides.css
   Fixes CSS specificity conflicts between the Handyor theme and Elementor.
   Loaded AFTER all theme stylesheets.

   ROOT CAUSE FIX: theme-style.css previously had:
       .elementor-heading-title { color: !important; font-family: !important; }
   That !important has been removed from theme-style.css directly, so now
   Elementor's more-specific generated selectors (e.g. .elementor-POSTID
   .elementor-element.elementor-element-XXXX .elementor-heading-title)
   naturally win the cascade when you set a custom color/font in the Style panel.

   Default heading appearance (dark blue / Chivo font) is preserved because
   the theme rule still applies when no Elementor customisation overrides it.
   ========================================================================== */

/* ------------------------------------------------------------------
   1. Text-white / primary-bg sections — keep headings white
   ------------------------------------------------------------------ */
.text-white .elementor-widget .elementor-heading-title,
.primary-bg .elementor-widget .elementor-heading-title {
    color: var(--themeht-white-color) !important;
}

/* ------------------------------------------------------------------
   2. Theme default container width (1440px)
      Overrides Elementor Kit's 1140px default so uncustomised sections
      render at Handyor's full 1440px width.
      Does NOT use !important so custom Elementor container widths win.
   ------------------------------------------------------------------ */
@media (min-width: 1200px) {
    .elementor-section.elementor-section-boxed > .elementor-container,
    .e-con.e-con-boxed > .e-con-inner,
    .container {
        max-width: 1440px;
    }
    .e-con {
        --container-max-width: 1440px;
    }
}