/* ==========================================================================
   EliteBlocc — Global Wide Layout Override
   File: assets/css/global/eb-wide-layout.css  v1.1

   GLOBAL 1400px+ BREAKPOINT
   Enqueue globally in functions.php / enqueue-assets.php.
   Expands all major layout containers to 1360px max-width on wide screens.

   CHANGELOG v1.1
   ─────────────────────────────────────────────────────────────────────
   REMOVED: Product Hub-specific rules that were leaking globally:
     - .eb-ph-grid--3 { repeat(4,1fr) !important }       → controlled in eb-product-hub.css
     - .eb-ph-hero__right { display:flex !important }     → controlled in eb-product-hub.css
     - .eb-ph-hero__inner { grid-template-columns:… }     → controlled in eb-product-hub.css
     - .eb-ph-layout { grid-template-columns:… }          → controlled in eb-product-hub.css
     - .eb-ph-chart-grid { repeat(2,1fr) !important }     → controlled in eb-product-hub.css

   CHANGED: .elementor-container !important replaced with a scoped selector
   that only targets boxed sections, avoiding Elementor full-width overrides.
   ========================================================================== */

@media (min-width: 1400px) {

  /* ── Global containers ─────────────────────────────────────────────── */
  .eb-site-container,
  .eb-inner,
  .elementor-section-boxed > .elementor-container {
    max-width: 1360px !important;
    width: 100% !important;
  }

  /* ── General page content ──────────────────────────────────────────── */

  /* Hero sections — allow breathing room */
  .eb-hero__inner,
  .eb-section-inner {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Home page systems */
  .eb-home-inner,
  .eb-systems-grid {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Technical Hub */
  .eb-th-inner,
  .eb-th-layout {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Download Centre */
  .eb-dl-inner,
  .eb-dl-layout,
  .eb-dc-range,
  .eb-dc-inner {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

}