/* ============================================================
   Pro Primes dark mode — consolidated overrides.

   The per-component stylesheets were written light-first and only some of
   them carry html[data-theme="dark"] rules, and several of those only inside
   their mobile media query. That left a few surfaces white in dark mode on
   desktop. Everything here is scoped to html[data-theme="dark"] and loaded
   last so it wins the cascade without !important.

   Palette mirrors the site's existing dark scheme:
   page #101211, surface #1b1d1c, raised #232625, line #2c2f2e,
   text #f3f3f3, muted #a8aaa9.
   ============================================================ */

/* --- Header slider: slides stayed white on desktop -------------- */
html[data-theme="dark"] .pp-slider-slide{background:#1b1d1c;box-shadow:0 10px 30px rgba(0,0,0,.45)}
html[data-theme="dark"] .pp-slider-caption{color:#dedede}

/* --- Category cards (mobile-first class, also used on desktop) --- */
html[data-theme="dark"] .pp-category-card{background:#1b1d1c;border-color:#2c2f2e;color:#f3f3f3}
html[data-theme="dark"] .pp-category-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.5)}
html[data-theme="dark"] .pp-category-card h3{color:#f3f3f3}
html[data-theme="dark"] .pp-category-card span{color:#a8aaa9}
html[data-theme="dark"] .pp-category-card img,
html[data-theme="dark"] .pp-category-placeholder{background:#232625}

/* --- Section-card logo tiles: white box on a dark card ---------- */
html[data-theme="dark"] .pp-product-section .pp-section-card .btile{background:#232625;box-shadow:0 8px 16px rgba(0,0,0,.4)}