/* ==========================================================
   CITADEL PUBLIC DESKTOP FLUID WIDTH — v0.8.12.4
   Scope: wide desktop only. Tablet/mobile contracts untouched.
   ========================================================== */

@media (min-width: 1101px) {
  /* WordPress constrained-layout escape for full public page roots.
     Live DevTools audit on /products/ at 1920px confirmed the direct child
     .citadel-products-page was capped by Gutenberg at max-width:1280px even
     though its parent .entry-content is 1920px wide. Remove only that inherited
     root cap; inner CITADEL containers below remain responsible for controlled
     content widths. The Standard page uses the same root/container architecture.
     Live DevTools audit on /warranty/ at 1920px likewise confirmed the direct
     .citadel-warranty child at width/max-width 1280px with 320px side margins;
     uncap only that root so its existing full-width section/hero architecture can
     use wide desktop space without changing its internal reading containers. */
  .entry-content.is-layout-constrained > .citadel-products-page,
  .entry-content.is-layout-constrained > .citadel-standard-page,
  .entry-content.is-layout-constrained > .citadel-warranty {
    width: 100% !important;
    max-width: none !important;
  }

  /* Global Blocksy desktop Header: live DOM/CSS audit confirmed that the
     middle-row .ct-container is hard-capped at 1280px. Align only this
     desktop container with the Home fluid shell; mobile/tablet remain untouched. */
  #header.ctdl-smart-header > [data-device="desktop"] > [data-row="middle"] > .ct-container {
    width: min(calc(100% - clamp(64px, 5vw, 96px)), 1680px) !important;
    max-width: none !important;
  }

  /* Home V7: keep full-width section backgrounds, let the content shell
     grow with the viewport, and retain an ultrawide reading/composition cap. */
  .citadel-home {
    --ctdl-max: 1680px !important;
  }

  .citadel-home .ctdl-container {
    width: min(calc(100% - clamp(64px, 5vw, 96px)), 1680px) !important;
    max-width: none !important;
  }

  /* Locked Products and Standard pages: width-only desktop override.
     Existing typography, grids, images, breakpoints, and mobile rails remain authoritative. */
  .citadel-products-page .ctprod-container,
  .citadel-standard-page .ctstd-container {
    width: min(calc(100% - clamp(72px, 5vw, 104px)), 1680px) !important;
    max-width: none !important;
  }

  /* Global footer: align the footer shell with the wider public content system.
     Higher specificity intentionally wins over the existing !important 1320px rule. */
  body .ct-global-footer-stable .ct-footer-balanced-shell {
    width: min(calc(100% - clamp(80px, 5vw, 112px)), 1680px) !important;
    max-width: none !important;
  }
}

/* ==========================================================
   CITADEL PUBLIC HERO CONTENT ALIGNMENT — v0.8.12.4
   Scope: wide desktop Hero alignment only.
   Shared visual contract: fluid inline gutter + 1680px ultrawide cap.
   Existing Hero copy measures, typography, media crop, mobile/tablet
   composition and page-body reading containers remain authoritative.
   ========================================================== */

@media (min-width: 1101px) {
  /* Warranty: only the Hero's internal container is widened. The rest of the
     Warranty page intentionally keeps its existing 1180px reading container. */
  .citadel-warranty .cw-hero > .cw-container {
    width: min(calc(100% - clamp(72px, 5vw, 104px)), 1680px) !important;
    max-width: none !important;
  }

  /* Support uses padding rather than a centered Hero shell. Rebase only the
     outer copy-side gutter to the same desktop alignment line used by the
     fluid public shell. Keep the opposite 38px composition padding intact. */
  .ctsup-page .ctsup-hero-copy {
    padding-left: max(clamp(36px, 2.5vw, 52px), calc((100vw - 1680px) / 2)) !important;
  }

  body.ct-lang-ar .ctsup-page .ctsup-hero-copy {
    padding-left: 38px !important;
    padding-right: max(clamp(36px, 2.5vw, 52px), calc((100vw - 1680px) / 2)) !important;
  }

  /* Business and Company already use full-viewport Hero media, but their Hero
     shells are capped at 1240px. Widen only those Hero shells so the existing
     capped copy blocks move onto the common public alignment line. */
  .ctbi-page .ctbi-hero-shell,
  .ctco-page .ctco-hero-shell {
    width: min(calc(100% - clamp(72px, 5vw, 104px)), 1680px) !important;
    max-width: none !important;
  }
}