/* ─────────────────────────────────────────────────────────────────────
   Single Post v3 — layout constraints.

   The Elementor Theme Builder template's root container is 1360px
   wide (matching the hero banner). Text-heavy widgets get an internal
   `max-width: 800px` cap so line-length stays in the 60-70-char
   readability sweet spot even inside the wider container. Visual /
   structural widgets (cards, timelines, comparisons) opt IN to full
   width by NOT having a cap.

   Style note: many Elementor widgets don't wrap their content in a
   `.elementor-widget-container` (theme-post-title puts the H1 directly
   inside; theme-post-excerpt puts raw text nodes inside). Targeting
   the widget div itself is the reliable path — plus we need `!important`
   in a few places because Elementor's flex-container CSS ships with
   its own high-specificity width overrides.
   ───────────────────────────────────────────────────────────────────── */

/* ─── Header-region text widgets: capped and centered ─── */
.elementor-location-single .elementor-widget-bdc_breadcrumbs,
.elementor-location-single .elementor-widget-theme-post-title,
.elementor-location-single .elementor-widget-theme-post-excerpt {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* ─── Meta row container (byline / reading time / share) ─── */
.elementor-location-single > .elementor > .e-con > .e-con-inner
    > .e-con-boxed:has(.bdc-post-byline) {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.elementor-location-single > .elementor > .e-con > .e-con-inner
    > .e-con-boxed:has(.bdc-post-byline) > .e-con-inner {
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

/* ─── Content-region text widgets ─── */
.bdc-content-region .elementor-widget-theme-post-content,
.bdc-content-region .elementor-widget-bdc_author_card {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Related posts + other visual widgets in the content region can
   grow to the full container width. No cap. */