/**
 * Override Hello Elementor theme content width for non-Elementor templates.
 *
 * Track model: 1200px content + 24px gutter on each side (padding),
 * so the shell max-width is 1248px and usable content stays 1200px.
 */

:root {
  --jt-content-width: 1200px;
  --jt-gutter: 24px;
  --jt-shell-width: calc(var(--jt-content-width) + (var(--jt-gutter) * 2));
}

/* Shared Hello selectors that define the theme “boxed” width */
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
body:not([class*="elementor-page-"]) .site-main {
  width: 100%;
  max-width: var(--jt-shell-width);
  margin-inline: auto;
  padding-inline: var(--jt-gutter);
  box-sizing: border-box;
}

/* Full-bleed header bar — only the inner track is constrained */
.site-header.jt-header,
.site-header:not(.dynamic-header).jt-header {
  max-width: none;
  width: 100%;
  padding-inline: 0;
  margin-inline: 0;
}

.site-footer.footer-full-width .footer-inner,
.site-header.header-full-width .header-inner {
  max-width: 100%;
}

/* WooCommerce / custom shells stay on the same grid */
.jt-single-product__container,
.jt-wc-page__container {
  width: 100%;
  max-width: var(--jt-shell-width);
  margin-inline: auto;
  padding-inline: var(--jt-gutter);
  box-sizing: border-box;
}