/* CASA PIZZA — PHASE 25 HOTFIX32
   Focused cleanup requested from the 2026-08-10 screenshots.
   - Home About info rows use the page dark background with no outer/separator lines.
   - Product customization/order shells use the page dark background with no shell outline.
   - Dark menu slideshow image elements use a black substrate so object-fit letterboxing
     cannot reveal white vertical bars.
   Navigation control geometry is intentionally untouched. */

/* IMG1 — blend the About information rows into the dark page. */
:root[data-theme="dark"] body[data-page="home"] .home-about__points,
:root[data-theme="dark"] body[data-page="home"] .home-about__points article {
  background: rgba(11, 15, 20, 1) !important;
}

:root[data-theme="dark"] body[data-page="home"] .home-about__points {
  border-block-color: transparent !important;
}

:root[data-theme="dark"] body[data-page="home"] .home-about__points article + article {
  border-top-color: transparent !important;
}

/* IMG2 — the fixed slideshow image box used object-fit:contain.  Older CSS left
   the <img> element itself white, so unused pillarbox space became white bars.
   Match that substrate to the active theme. */
:root[data-theme="dark"] body[data-page="menu"] .menu-slideshow__image {
  background: #000000 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body[data-page="menu"] .menu-slideshow__image {
  background: #ffffff !important;
}

/* IMG3 — blend only the large product editor shells into rgba(11,15,20).
   The actual option/quantity/note controls keep their own boundaries for usability. */
:root[data-theme="dark"] .product-page .product-customization-card,
:root[data-theme="dark"] .product-page .product-customization-card .option-group,
:root[data-theme="dark"] .product-page .product-order-editor {
  background: rgba(11, 15, 20, 1) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}