/* =========================================================
   08-disable-blocksy-article-shell.css — Disable Blocksy Boxed Article Shell
   Version: 1.0 — Removes Blocksy's article boxed styling for product pages
   
   ROOT CAUSE:
   Blocksy applies boxed article shell via:
   [class*="ct-container"] > article {
     margin-inline: auto;
     width: var(--theme-container-width);
     max-width: var(--theme-boxed-content-max-width);
     padding: var(--theme-boxed-content-spacing);
     border, box-shadow, border-radius via --has-boxed
   }
   
   This makes the entire product page look boxed even when inner containers are fluid.
   
   SOLUTION:
   Override and disable this boxed article behavior ONLY for custom product pages.
   Apply on desktop + mobile.
   Do NOT affect other pages (shop, blog, etc.).
   
   SCOPED: body.single-product / .bt-custom-product-page only
   MUST LOAD: After Blocksy styles (enqueued last)
   ========================================================= */

/* =========================
   DISABLE BOXED ARTICLE SHELL
   Apply to ALL screen sizes (desktop + mobile)
   ========================= */

/* =========================
   PRIMARY OVERRIDE: Blocksy's boxed article shell
   Targets: [class*="ct-container"] > article
   ========================= */

/* Override Blocksy's boxed article shell - multiple selectors for maximum coverage */
body.single-product [class*="ct-container"] > article,
body.single-product .ct-container > article,
body.single-product [class*="ct-container"] > article.bt-custom-product-page,
body.single-product [class*="ct-container"] > article .bt-custom-product-page,
body.single-product .bt-custom-product-page [class*="ct-container"] > article {
  /* Disable Blocksy boxed CSS variables */
  --has-boxed: 0 !important;
  --has-boxed-structure: 0 !important;
  --theme-container-width: 100% !important;
  --theme-boxed-content-max-width: none !important;
  --theme-boxed-content-spacing: 0 !important;
  
  /* Remove width constraints */
  width: 100% !important;
  max-width: none !important;
  
  /* Remove centering */
  margin-inline: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin: 0 !important;
  
  /* Remove boxed styling */
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* =========================
   SECONDARY OVERRIDE: Article with our class directly
   ========================= */

body.single-product article.bt-custom-product-page,
body.single-product .bt-custom-product-page article {
  --has-boxed: 0 !important;
  --has-boxed-structure: 0 !important;
  
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* =========================
   PRESERVE INTERNAL SPACING
   Our .bt-container still controls padding
   ========================= */

/* Note: Internal spacing is controlled by .bt-container in other CSS files */
/* This override only removes Blocksy's article shell, not our internal layout */