/* Scrollprise Dark Theme v40.1 — VISUAL PASS B
   EXPERIMENT BRANCH ONLY. Presentation only: CSS has no business logic.
*/

html.theme-dark-v40 {
  --sp40-black: #050605;
  --sp40-ink: #090b09;
  --sp40-charcoal: #0e110e;
  --sp40-card: #131713;
  --sp40-card-hi: #181d18;
  --sp40-line: rgba(255,255,255,.085);
  --sp40-line-hi: rgba(255,255,255,.15);
  --sp40-white: #f4f7f2;
  --sp40-copy: #a0a8a0;
  --sp40-dim: #737b73;
  --sp40-lime: #b7ff33;
}

/* ---------- GLOBAL CANVAS ---------- */
html.theme-dark-v40 body {
  background: #070907 !important;
  color: var(--sp40-white) !important;
}

html.theme-dark-v40 main {
  background: transparent !important;
}

html.theme-dark-v40 .container {
  color: inherit;
}

html.theme-dark-v40 h1,
html.theme-dark-v40 h2,
html.theme-dark-v40 h3,
html.theme-dark-v40 h4,
html.theme-dark-v40 h5 {
  color: var(--sp40-white) !important;
}

html.theme-dark-v40 p,
html.theme-dark-v40 li,
html.theme-dark-v40 small {
  color: var(--sp40-copy);
}

html.theme-dark-v40 a { color: inherit; }
html.theme-dark-v40 .eyebrow,
html.theme-dark-v40 [class*="kicker"] { color: var(--sp40-lime) !important; }

/* ---------- HEADER ---------- */
html.theme-dark-v40 .top-note {
  background: #050705 !important;
  color: #7e887e !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

html.theme-dark-v40 .site-header {
  background: rgba(6,8,6,.94) !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.22) !important;
}

html.theme-dark-v40 .main-nav a,
html.theme-dark-v40 .main-nav summary {
  color: #aeb6ae !important;
}

html.theme-dark-v40 .main-nav a:hover,
html.theme-dark-v40 .main-nav summary:hover {
  color: #fff !important;
}

html.theme-dark-v40 .header-button {
  background: var(--sp40-lime) !important;
  color: #071000 !important;
  border-color: var(--sp40-lime) !important;
}

html.theme-dark-v40 .mega-menu,
html.theme-dark-v40 .traditional-mega-menu {
  background: rgba(8,11,8,.98) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.62) !important;
  color: var(--sp40-white) !important;
}

html.theme-dark-v40 .mega-menu a,
html.theme-dark-v40 .traditional-mega-menu a { color: #abb4ab !important; }
html.theme-dark-v40 .mega-menu a:hover,
html.theme-dark-v40 .traditional-mega-menu a:hover { color: #fff !important; }

/* ---------- HOME HERO ---------- */
html.theme-dark-v40 body[data-page="home"] .hero,
html.theme-dark-v40 body[data-page="home"] .artisan-market-hero,
html.theme-dark-v40 body[data-page="home"] .hero-frost-stage {
  background:
    radial-gradient(800px circle at 80% 18%, rgba(183,255,51,.045), transparent 58%),
    radial-gradient(680px circle at 18% 80%, rgba(102,91,255,.045), transparent 58%),
    #050705 !important;
}

html.theme-dark-v40 body[data-page="home"] .hero-frost-surface {
  background: linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)) !important;
  opacity: .5 !important;
}

html.theme-dark-v40 body[data-page="home"] .hero-under-glass {
  opacity: .16 !important;
  filter: brightness(.4) saturate(.55) !important;
}

html.theme-dark-v40 body[data-page="home"] #heroTitle .hero-solid-line {
  color: #fff !important;
}

html.theme-dark-v40 body[data-page="home"] #heroTitle .hero-outline-line {
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255,255,255,.34) !important;
  text-shadow: 0 0 50px rgba(255,255,255,.018);
}

html.theme-dark-v40 body[data-page="home"] .hero-kicker {
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #9aa39a !important;
}

html.theme-dark-v40 body[data-page="home"] .hero-kicker-dot,
html.theme-dark-v40 body[data-page="home"] .hero-tagline em,
html.theme-dark-v40 body[data-page="home"] .hero-tagline b {
  color: var(--sp40-lime) !important;
}

/* ---------- SECTION RHYTHM ---------- */
html.theme-dark-v40 .editorial-drop,
html.theme-dark-v40 .traditional-home-section,
html.theme-dark-v40 .discovery-hub,
html.theme-dark-v40 .picks,
html.theme-dark-v40 .instagram-section,
html.theme-dark-v40 .about-section,
html.theme-dark-v40 .disclosure-block,
html.theme-dark-v40 .contact-section {
  border-top-color: rgba(255,255,255,.055) !important;
}

html.theme-dark-v40 .editorial-drop,
html.theme-dark-v40 .discovery-hub,
html.theme-dark-v40 .instagram-section,
html.theme-dark-v40 .disclosure-block {
  background: #080a08 !important;
}

html.theme-dark-v40 .traditional-home-section,
html.theme-dark-v40 .picks,
html.theme-dark-v40 .about-section,
html.theme-dark-v40 .contact-section {
  background: #0b0e0b !important;
}

html.theme-dark-v40 .scrollprise-marquee {
  background: #050705 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  color: #b6beb6 !important;
}

/* ---------- SEARCH ---------- */
html.theme-dark-v40 .search-band {
  background: #060806 !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

html.theme-dark-v40 .search-card {
  background: #101410 !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.25) !important;
}

html.theme-dark-v40 .search-card input {
  background: transparent !important;
  color: #fff !important;
}

html.theme-dark-v40 .search-card button {
  background: var(--sp40-lime) !important;
  color: #071000 !important;
  border: 0 !important;
}

/* ---------- CATEGORY WINDOWS ---------- */
html.theme-dark-v40 .traditional-window-rail > a {
  background:
    radial-gradient(170px circle at 90% 0%, rgba(183,255,51,.08), transparent 64%),
    #111511 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: none !important;
  color: #f1f5ef !important;
}

html.theme-dark-v40 .traditional-window-rail > a:hover {
  background:
    radial-gradient(200px circle at 90% 0%, rgba(183,255,51,.14), transparent 65%),
    #151a15 !important;
  border-color: rgba(183,255,51,.25) !important;
}

html.theme-dark-v40 .traditional-window-rail i,
html.theme-dark-v40 .traditional-window-rail b { color: var(--sp40-lime) !important; }
html.theme-dark-v40 .traditional-window-rail em { color: #697269 !important; }
html.theme-dark-v40 .traditional-window-rail span { color: #969f96 !important; }

/* ---------- PRODUCT CARDS ---------- */
html.theme-dark-v40 .product-card,
html.theme-dark-v40 .vibe-result-card,
html.theme-dark-v40 .buying-card,
html.theme-dark-v40 [class*="product-card"] {
  background: #121612 !important;
  border-color: rgba(255,255,255,.075) !important;
  color: #f2f5f0 !important;
}

html.theme-dark-v40 .product-card:hover,
html.theme-dark-v40 .vibe-result-card:hover {
  background: #151a15 !important;
  border-color: rgba(183,255,51,.22) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.34) !important;
}

/* Product photography remains neutral. This is deliberate. */
html.theme-dark-v40 .product-card img,
html.theme-dark-v40 .vibe-result-card img {
  mix-blend-mode: normal;
}

html.theme-dark-v40 .product-card .product-image,
html.theme-dark-v40 .product-card .product-image-wrap,
html.theme-dark-v40 .product-card [class*="image-stage"],
html.theme-dark-v40 .vibe-result-card [class*="image"] {
  background: #eef0eb !important;
}

html.theme-dark-v40 .product-card .product-title,
html.theme-dark-v40 .product-card h3,
html.theme-dark-v40 .product-card h4,
html.theme-dark-v40 .vibe-result-card h3,
html.theme-dark-v40 .vibe-result-card h4 { color: #f5f7f3 !important; }

html.theme-dark-v40 .product-card p,
html.theme-dark-v40 .product-card small,
html.theme-dark-v40 .product-meta,
html.theme-dark-v40 .vibe-result-card p,
html.theme-dark-v40 .vibe-result-card small { color: #8f988f !important; }

html.theme-dark-v40 .card-save,
html.theme-dark-v40 .vibe-result-save {
  background: rgba(7,9,7,.82) !important;
  color: #f6f8f5 !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* ---------- CATALOGUE / FILTER CONTROLS ---------- */
html.theme-dark-v40 .catalogue-page,
html.theme-dark-v40 .traditional-categories-page,
html.theme-dark-v40 .all-products-page {
  background: #080a08 !important;
}

html.theme-dark-v40 .catalogue-hero,
html.theme-dark-v40 .category-hero,
html.theme-dark-v40 .traditional-category-hero,
html.theme-dark-v40 [class*="catalogue-hero"],
html.theme-dark-v40 [class*="category-hero"] {
  background: #090c09 !important;
  border-color: rgba(255,255,255,.07) !important;
}

html.theme-dark-v40 .filters,
html.theme-dark-v40 .catalogue-filters,
html.theme-dark-v40 .category-filters,
html.theme-dark-v40 [class*="filter-bar"],
html.theme-dark-v40 [class*="filter-panel"] {
  background: #0f130f !important;
  border-color: rgba(255,255,255,.075) !important;
  color: #d8ded6 !important;
}

html.theme-dark-v40 .filters button,
html.theme-dark-v40 .catalogue-filters button,
html.theme-dark-v40 .category-filters button {
  background: #121612 !important;
  border-color: rgba(255,255,255,.085) !important;
  color: #b8c0b8 !important;
}

html.theme-dark-v40 .filters button:hover,
html.theme-dark-v40 .filters button.active,
html.theme-dark-v40 .catalogue-filters button:hover,
html.theme-dark-v40 .category-filters button:hover {
  border-color: rgba(183,255,51,.28) !important;
  color: #fff !important;
}

/* ---------- READ MY MIND: PURE BLACK ZONE ---------- */
html.theme-dark-v40 body[data-page="read-my-mind"] {
  background: #000 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .site-header {
  background: rgba(0,0,0,.90) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-section {
  background:
    radial-gradient(780px circle at 78% 20%, rgba(100,88,255,.055), transparent 60%),
    radial-gradient(720px circle at 18% 82%, rgba(183,255,51,.032), transparent 62%),
    #000 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-shell {
  background: #030403 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: 0 40px 120px rgba(0,0,0,.70) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro {
  background: #030403 !important;
  border-right-color: rgba(255,255,255,.06) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-console {
  background: #070907 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-bubble-guide {
  background: #101310 !important;
  color: #dfe5dc !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: none !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-bubble-guide p { color: #a6afa6 !important; }

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-bubble-user {
  background: #e9eee5 !important;
  border-color: #e9eee5 !important;
  color: #0a0d0a !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-bubble-user p { color: #0a0d0a !important; }

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-form {
  background: #0b0e0b !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-form:focus-within {
  border-color: rgba(183,255,51,.52) !important;
  box-shadow: 0 0 0 3px rgba(183,255,51,.055) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-form button {
  background: var(--sp40-lime) !important;
  color: #071000 !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-starters button,
html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-presets button,
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-refinements button,
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-start-over {
  background: #0c0f0c !important;
  border-color: rgba(255,255,255,.075) !important;
  color: #aab3aa !important;
  box-shadow: none !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-starters button:hover,
html.theme-dark-v40 body[data-page="read-my-mind"] .bundle-presets button:hover,
html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-refinements button:hover {
  background: #111511 !important;
  color: #fff !important;
  border-color: rgba(183,255,51,.22) !important;
}

html.theme-dark-v40 body[data-page="read-my-mind"] .sp-intelligence-idle-stage {
  background: radial-gradient(circle at 50% 48%,rgba(183,255,51,.025),transparent 45%) !important;
}

/* ---------- MODALS ---------- */
html.theme-dark-v40 .modal {
  background: rgba(0,0,0,.80) !important;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

html.theme-dark-v40 .modal-card {
  background: #101410 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #f3f6f1 !important;
  box-shadow: 0 40px 120px rgba(0,0,0,.64) !important;
}

html.theme-dark-v40 .modal-close,
html.theme-dark-v40 .modal-surprise-next {
  background: #171c17 !important;
  color: #f5f7f3 !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* ---------- ABOUT / CONTACT / FOOTER ---------- */
html.theme-dark-v40 .about-content article,
html.theme-dark-v40 .instagram-card,
html.theme-dark-v40 .disclosure-card,
html.theme-dark-v40 .contact-form {
  background: #111511 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: none !important;
}

html.theme-dark-v40 .about-principles > div,
html.theme-dark-v40 .instagram-profile-shell {
  background: #0b0e0b !important;
  border-color: rgba(255,255,255,.07) !important;
}

html.theme-dark-v40 .site-footer {
  background: #030403 !important;
  color: #8e978e !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

html.theme-dark-v40 .site-footer h3,
html.theme-dark-v40 .site-footer a { color: #c9d0c7 !important; }
html.theme-dark-v40 .site-footer a:hover { color: #fff !important; }

html.theme-dark-v40 .floating-surprise {
  background: var(--sp40-lime) !important;
  color: #071000 !important;
  border-color: var(--sp40-lime) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.34) !important;
}

/* ---------- FORM CONTRAST ---------- */
html.theme-dark-v40 input,
html.theme-dark-v40 textarea,
html.theme-dark-v40 select {
  background: #0b0e0b !important;
  color: #f3f6f1 !important;
  border-color: rgba(255,255,255,.10) !important;
}

html.theme-dark-v40 input::placeholder,
html.theme-dark-v40 textarea::placeholder { color: #697269 !important; }

html.theme-dark-v40 input:focus,
html.theme-dark-v40 textarea:focus,
html.theme-dark-v40 select:focus {
  outline: none !important;
  border-color: rgba(183,255,51,.42) !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 700px) {
  html.theme-dark-v40 .site-header { background: #060806 !important; }
  html.theme-dark-v40 .mobile-category-link,
  html.theme-dark-v40 .mobile-swipe-link {
    background: #111511 !important;
    border-color: rgba(255,255,255,.09) !important;
    color: #dbe1d9 !important;
  }
  html.theme-dark-v40 body[data-page="read-my-mind"] .vibe-guide-intro {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }
}
