/**
 * Reasserts the parent theme’s hybrid single-product **structure** (nera
 * `frontend/src/main.css` — lottery flex column + #primary width) after Perla
 * child styles (brand, atmosphere, sections, child Vite) and WooCommerce core
 * CSS, so the gallery / purchase / tabs grid match the parent layout. Brand
 * colours and fonts stay in child-brand / tokens.
 */

/* -------------------------------------------------------------------------
   1) Stack the `.product` root like the parent — WC + load order can otherwise
   leave row/float behaviour that fights the 12-col Tailwind grid + max-lg:flow.
   ------------------------------------------------------------------------- */
body.woocommerce.single-product .site div.product,
body.nera-competition-product.woocommerce div.product,
body.nera-single-lottery.woocommerce div.product,
body.nera-single-lottery.single-product div.product {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}

/* -------------------------------------------------------------------------
   2) Instant win section: full width under the hero (parent main.css).
   ------------------------------------------------------------------------- */
body.woocommerce.nera-single-lottery .instant-wins-section,
body.nera-single-lottery .instant-wins-section,
body.nera-competition-product .instant-wins-section,
body.woocommerce.nera-competition-product .instant-wins-section,
body.woocommerce.single-product .instant-wins-section {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  clear: both;
  flex-shrink: 0;
}

/* -------------------------------------------------------------------------
   3) #primary / .site-main — mirror @apply on #primary,.site-main in parent
   (max-w-7xl w-full mx-auto px-0 pt-8 pb-8 lg:pt-12 lg:pb-12 m-0)
   for single product only. Single blog uses a different full-bleed override.
   ------------------------------------------------------------------------- */
body.woocommerce.single-product .site #primary.site-main,
body.woocommerce.single-product .site .site-main#primary {
  max-width: 80rem; /* --container-7xl / theme max-w-7xl */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  box-sizing: border-box;
}

@media (min-width: 64rem) {
  body.woocommerce.single-product .site #primary.site-main,
  body.woocommerce.single-product .site .site-main#primary {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}