/* theme.css — Dual theme toggle for the public storefront.
 *
 *  minimal (DEFAULT) = light grayscale, matching the admin console:
 *                       near-white base (#FAFAFA), near-black text
 *                       (#111), hairline gray borders (#E5E7EB),
 *                       NO hue (no blue, no purple). Solid CTAs are
 *                       black-on-white for high-contrast B/W/G feel.
 *  cyber  (TOGGLE)    = the existing cyberpunk indigo look. This file
 *                       applies NO overrides to cyber — :root in
 *                       global.css is cyber.
 *
 *  All minimal rules are scoped under [data-theme="minimal"] so they win
 *  on specificity and never touch the cyber appearance.
 */

/* ───────────────  MINIMAL: semantic variable override  ─────────────── */
[data-theme="minimal"] {
  --bg-primary: #FAFAFA;
  --bg-card: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-section: #FAFAFA;
  --bg-light: #FFFFFF;
  --border-dark: rgba(17,17,17,0.12);
  --border-light: #E5E7EB;
  --border-subtle: #F3F4F6;
  --accent: #AA1E69;
  --accent-hover: #7E124B;
  --accent-glow: rgba(49,46,129,0.12);
  --accent-dim: rgba(17,17,17,0.10);
  --accent-subtle: #374151;
  --accent-teal: #374151;
  --accent-teal-hover: #1F2937;
  --accent-teal-glow: rgba(17,17,17,0.10);
  --accent-gold: #374151;
  --accent-gold-surface: rgba(17,17,17,0.08);
  --text-primary: #111111;
  --text-light: #111111;
  --text-muted: #6B7280;
  --text-dim: #9CA3AF;
  --text-dark: #111111;
  --text-dark-secondary: #6B7280;
  --success: #16A34A;
  --success-glow: rgba(22,163,74,0.12);
  --error: #DC2626;
  --error-glow: rgba(220,38,38,0.12);
}

/* ───────────────  GLOBAL  ─────────────── */
[data-theme="minimal"] body { background: #FAFAFA; color: #111111; }
[data-theme="minimal"] ::selection { background: #111111; color: #FFFFFF; }
[data-theme="minimal"] :focus-visible { outline-color: #111111; }
[data-theme="minimal"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.20); }
[data-theme="minimal"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.35); }

[data-theme="minimal"] .site-nav { background: #FFFFFF; border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .nav-logo span { color: #111111; }
[data-theme="minimal"] .nav-logo-mark { background: #AA1E69; }
[data-theme="minimal"] .nav-link { color: #6B7280; }
[data-theme="minimal"] .nav-link:hover { color: #111111; }
[data-theme="minimal"] .nav-link.active { color: #111111; font-weight: 600; }
[data-theme="minimal"] .nav-cta { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .nav-cta:hover { background: #7E124B; }
[data-theme="minimal"] .nav-signin-link { border-color: #E5E7EB; color: #374151; }
[data-theme="minimal"] .nav-signin-link:hover { border-color: #9CA3AF; color: #111111; }
[data-theme="minimal"] .nav-account-link { background: #FFFFFF; border-color: #E5E7EB; color: #111111; }
[data-theme="minimal"] .nav-account-link:hover { border-color: #9CA3AF; }
[data-theme="minimal"] .site-footer { background: #FFFFFF; border-top-color: #E5E7EB; }

[data-theme="minimal"] .btn-primary,
[data-theme="minimal"] .btn-cta { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .btn-primary:hover,
[data-theme="minimal"] .btn-cta:hover { background: #7E124B; }
[data-theme="minimal"] .btn-outline { color: #111111; border-color: #D1D5DB; }
[data-theme="minimal"] .btn-outline:hover { border-color: #111111; background: #F9FAFB; }
[data-theme="minimal"] .btn-hero-primary { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .btn-hero-primary:hover { background: #7E124B; }
[data-theme="minimal"] .eyebrow { color: #374151; background: #F3F4F6; border-color: #E5E7EB; }
[data-theme="minimal"] .tag { background: #F3F4F6; color: #374151; border-color: #E5E7EB; }

/* ───────────────  STORE / PRODUCT (body = .page-store)  ─────────────── */
/* The STORE hero uses a dark background image and is meant to be hidden under
   minimal. But the HOMEPAGE hero shares the same .hero-store class, so a
   blanket hide would also kill the homepage hero. Scope the hide to the store
   page only, and force light text on the homepage hero (its bg image is dark
   in BOTH themes, so white text is required for contrast). */
[data-theme="minimal"] .page-store .hero-store { display: none; }

[data-theme="minimal"] .page-home .hero-store { display: none; }

[data-theme="minimal"] .page-store { background: #FAFAFA; }
[data-theme="minimal"] .page-store .section-title { color: #111111; }
[data-theme="minimal"] .page-store .section-header-note { color: #6B7280; }
[data-theme="minimal"] .page-store .stats-bar { border-bottom-color: #E5E7EB; color: #111111; }
[data-theme="minimal"] .page-store .stat-num { color: #111111; }
[data-theme="minimal"] .page-store .stat-label { color: #6B7280; }

/* breadcrumb (product detail) */
[data-theme="minimal"] .breadcrumb-nav { background: #FAFAFA; border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .breadcrumb { color: #6B7280; }
[data-theme="minimal"] .breadcrumb a { color: #374151; }
[data-theme="minimal"] .breadcrumb a:hover { color: #111111; }
[data-theme="minimal"] .breadcrumb-sep { color: #9CA3AF; }
[data-theme="minimal"] .breadcrumb-current { color: #111111; }

/* product cards */
[data-theme="minimal"] .page-store .product-card { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .page-store .product-card:hover { border-color: #9CA3AF; box-shadow: 0 6px 18px rgba(17,17,17,0.08); transform: translateY(-2px); }
[data-theme="minimal"] .page-store .product-card.featured { background: #FFFFFF; border-color: #9CA3AF; }
[data-theme="minimal"] .page-store .product-card.featured:hover { background: #FFFFFF; border-color: #6B7280; }
[data-theme="minimal"] .page-store .product-card-name,
[data-theme="minimal"] .page-store .product-card-price { color: #111111; }
[data-theme="minimal"] .page-store .product-card-desc { color: #6B7280; }
[data-theme="minimal"] .page-store .product-card-icon { background: #F3F4F6; }
[data-theme="minimal"] .page-store .product-card-icon svg { color: #374151; }
[data-theme="minimal"] .page-store .product-card:hover .product-card-icon { background: #E5E7EB; }
[data-theme="minimal"] .page-store .btn-buy { background: transparent; color: #374151; border-color: #D1D5DB; }
[data-theme="minimal"] .page-store .product-card:hover .btn-buy { background: #AA1E69; color: #FFFFFF; border-color: #AA1E69; }
[data-theme="minimal"] .page-store .product-card-badge { background: #F3F4F6; color: #374151; }

/* why-our-guides cards (fix solid-black bg caused by --text-light redefinition in minimal) */
[data-theme="minimal"] .page-store .why-card { background: #FFFFFF; border-color: #E5E7EB; box-shadow: 0 1px 8px rgba(17,17,17,0.04); }
[data-theme="minimal"] .page-store .why-card:hover { border-color: #9CA3AF; }
[data-theme="minimal"] .page-store .why-card::before { background: linear-gradient(135deg, rgba(17,17,17,0.02) 0%, transparent 50%); }
[data-theme="minimal"] .page-store .why-card-icon { color: #374151; }
[data-theme="minimal"] .page-store .why-card-label { color: #374151; background: #F3F4F6; border-color: #E5E7EB; }
[data-theme="minimal"] .page-store .why-card-title { color: #111111; }
[data-theme="minimal"] .page-store .why-card-desc { color: #6B7280; }
[data-theme="minimal"] .page-store .why-card-checklist { border-top-color: #E5E7EB; }
[data-theme="minimal"] .page-store .why-card-checklist li { color: #6B7280; }
[data-theme="minimal"] .page-store .why-card-checklist li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 7l3.5 3.5 7-7' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* related blog post (guide-backlink) on product detail pages — fix solid-black bg from --text-light redefinition */
[data-theme="minimal"] .page-store .guide-backlink { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .page-store .guide-backlink:hover { border-color: #9CA3AF; background: #FFFFFF; }
[data-theme="minimal"] .page-store .guide-backlink-label { color: #9CA3AF; }
[data-theme="minimal"] .page-store .guide-backlink-link { color: #111111; }
[data-theme="minimal"] .page-store .guide-backlink-link:hover { color: #000000; }

/* ───────────────  HOMEPAGE product cards (same clean style as store; layout/size unchanged)  ─────────────── */
[data-theme="minimal"] .product-grid-asym .product-card { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .product-grid-asym .product-card:hover { border-color: #9CA3AF; box-shadow: 0 6px 18px rgba(17,17,17,0.08); transform: translateY(-2px); }
[data-theme="minimal"] .product-grid-asym .product-card.featured { background: #FFFFFF; border-color: #9CA3AF; }
[data-theme="minimal"] .product-grid-asym .product-card.featured:hover { background: #FFFFFF; border-color: #6B7280; }
[data-theme="minimal"] .product-grid-asym .product-card-name,
[data-theme="minimal"] .product-grid-asym .product-card-price { color: #111111; }
[data-theme="minimal"] .product-grid-asym .product-card-desc { color: #6B7280; }
[data-theme="minimal"] .product-grid-asym .product-card-icon { background: #F3F4F6; }
[data-theme="minimal"] .product-grid-asym .product-card-icon svg { color: #374151; }
[data-theme="minimal"] .product-grid-asym .product-card:hover .product-card-icon { background: #E5E7EB; }
[data-theme="minimal"] .product-grid-asym .btn-buy { background: transparent; color: #374151; border-color: #D1D5DB; }
[data-theme="minimal"] .product-grid-asym .product-card:hover .btn-buy { background: #AA1E69; color: #FFFFFF; border-color: #AA1E69; }
[data-theme="minimal"] .product-grid-asym .product-card-badge { background: #F3F4F6; color: #374151; }

/* teaser (coming soon) */
[data-theme="minimal"] .product-card-teaser { border-color: #D1D5DB; background: #FAFAFA; opacity: 1; animation: none; }
[data-theme="minimal"] .product-card-teaser:hover { border-color: #9CA3AF; background: #F9FAFB; animation: none; }
[data-theme="minimal"] .product-card-teaser .product-card-name,
[data-theme="minimal"] .product-card-teaser .product-card-desc,
[data-theme="minimal"] .product-card-teaser .teaser-label { animation: none; }
[data-theme="minimal"] .product-card-teaser .product-card-name { color: #374151; }
[data-theme="minimal"] .product-card-teaser .product-card-desc { color: #6B7280; }
[data-theme="minimal"] .teaser-label { background: #F3F4F6; color: #6B7280; }
[data-theme="minimal"] .teaser-icon { background: #F3F4F6 !important; color: #374151; }
[data-theme="minimal"] .product-card-teaser:hover .teaser-icon { background: #E5E7EB !important; }

/* bundle card (home + product upsell) */
[data-theme="minimal"] .bundle-card { background: #FFFFFF; border-color: #E5E7EB; border-left-color: #111111; }
[data-theme="minimal"] .bundle-card:hover { border-color: #9CA3AF; box-shadow: 0 4px 14px rgba(17,17,17,0.06); }
[data-theme="minimal"] .bundle-name { color: #111111; }
[data-theme="minimal"] .bundle-tagline,
[data-theme="minimal"] .bundle-meta,
[data-theme="minimal"] .bundle-save,
[data-theme="minimal"] .bundle-trust { color: #6B7280; }
[data-theme="minimal"] .bundle-badge { background: #F3F4F6; color: #374151; }
[data-theme="minimal"] .bundle-savings-badge { background: #AA1E69; color: #FFFFFF; box-shadow: none; animation: none; }
[data-theme="minimal"] .bundle-cta { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .bundle-cta:hover { background: #7E124B; }

/* ───────────────  PRODUCT DETAIL PAGE  ─────────────── */
[data-theme="minimal"] .product-detail { background: #FAFAFA; }
[data-theme="minimal"] .product-detail-main h1 { color: #111111; }
[data-theme="minimal"] .product-detail-tagline,
[data-theme="minimal"] .product-detail-desc { color: #6B7280; }
[data-theme="minimal"] .product-meta-badge { background: #F3F4F6; border-color: #E5E7EB; color: #374151; }
[data-theme="minimal"] .product-meta-badge svg { color: #374151; }
[data-theme="minimal"] .product-feature-card { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .product-feature-card:hover { border-color: #9CA3AF; box-shadow: 0 4px 14px rgba(17,17,17,0.06); transform: none; }
[data-theme="minimal"] .product-feature-icon { background: #F3F4F6; color: #374151; }
[data-theme="minimal"] .product-feature-card:hover .product-feature-icon { background: #E5E7EB; transform: none; }
[data-theme="minimal"] .product-feature-text { color: #374151; }
[data-theme="minimal"] .toc-title,
[data-theme="minimal"] .included-title,
[data-theme="minimal"] .related-title,
[data-theme="minimal"] .product-features-title { color: #111111; }
[data-theme="minimal"] .toc-list li { color: #374151; border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .toc-num { background: #FFFFFF; border-color: #D1D5DB; color: #374151; }
[data-theme="minimal"] .toc-list li:hover .toc-num { border-color: #111111; background: #F9FAFB; }
[data-theme="minimal"] .toc-list::before { background: linear-gradient(180deg, rgba(17,17,17,0.20), rgba(17,17,17,0.04)); }
[data-theme="minimal"] .product-detail-who { background: #FFFFFF; border-color: #E5E7EB; border-left-color: #111111; }
[data-theme="minimal"] .product-detail-who .who-title,
[data-theme="minimal"] .product-detail-included .included-title,
[data-theme="minimal"] .who-for-section .who-title { color: #111111; }
[data-theme="minimal"] .product-detail-who .who-text,
[data-theme="minimal"] .who-for-section .who-text { color: #374151; }
[data-theme="minimal"] .product-detail-included { background: #F9FAFB; border-color: #E5E7EB; }
[data-theme="minimal"] .included-text { color: #374151; }
[data-theme="minimal"] .who-for-section { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .bundle-included-item { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .bundle-included-item:hover { background: #F9FAFB; border-color: #9CA3AF; }
[data-theme="minimal"] .bundle-included-name { color: #111111; }
[data-theme="minimal"] .bundle-included-price { color: #9CA3AF; }
[data-theme="minimal"] .bundle-value-badge { background: #F3F4F6; border-color: #E5E7EB; }
[data-theme="minimal"] .bundle-value-line,
[data-theme="minimal"] .bundle-savings-line { color: #6B7280; }
[data-theme="minimal"] .product-detail-sidebar { background: #FFFFFF; border-color: #E5E7EB; box-shadow: 0 4px 20px rgba(17,17,17,0.06); }
[data-theme="minimal"] .product-detail-sidebar::before { background: radial-gradient(circle, rgba(17,17,17,0.04) 0%, transparent 70%); }
[data-theme="minimal"] .sidebar-price,
[data-theme="minimal"] .product-detail-coming strong { color: #111111; }
[data-theme="minimal"] .sidebar-tagline,
[data-theme="minimal"] .sidebar-instant,
[data-theme="minimal"] .sidebar-trust-text,
[data-theme="minimal"] .sidebar-trust-item,
[data-theme="minimal"] .product-detail-coming-note { color: #6B7280; }
[data-theme="minimal"] .sidebar-cta { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .sidebar-cta:hover { box-shadow: none; transform: translateY(-1px); background: #7E124B; }
[data-theme="minimal"] .btn-coming-soon { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .related-card { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .related-card:hover { border-color: #9CA3AF; box-shadow: 0 4px 14px rgba(17,17,17,0.06); transform: translateY(-1px); }
[data-theme="minimal"] .related-card-name { color: #111111; }
[data-theme="minimal"] .related-card-tagline { color: #6B7280; }
[data-theme="minimal"] .related-card-price { color: #374151; }
[data-theme="minimal"] .btn-back-to-store { color: #6B7280; border-color: #E5E7EB; }
[data-theme="minimal"] .btn-back-to-store:hover { color: #111111; border-color: #9CA3AF; background: #F9FAFB; }
[data-theme="minimal"] .product-detail-coming-icon { color: #6B7280; }

/* ───────────────  BLOG  ─────────────── */
[data-theme="minimal"] .page-blog .hero-store { display: none; }
[data-theme="minimal"] .blog-section { background: #FAFAFA; border-top-color: #E5E7EB; }
[data-theme="minimal"] .blog-section .section-title { color: #111111; }
[data-theme="minimal"] .blog-card { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .blog-card:hover { border-color: #9CA3AF; box-shadow: 0 4px 14px rgba(17,17,17,0.06); }
[data-theme="minimal"] .blog-card-title { color: #111111; }
[data-theme="minimal"] .blog-card-desc { color: #6B7280; }
[data-theme="minimal"] .blog-card-icon { background: #F3F4F6; }
[data-theme="minimal"] .blog-card-icon svg { color: #374151; }
[data-theme="minimal"] .blog-card-meta { color: #9CA3AF; }

[data-theme="minimal"] .page-blog { background: #FAFAFA; }
[data-theme="minimal"] .page-blog .blog-section { background: #FAFAFA; border-top-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .section-title,
[data-theme="minimal"] .page-blog .blog-listing .section-title { color: #111111; }
[data-theme="minimal"] .page-blog .breadcrumb-nav { background: #FAFAFA; border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .breadcrumb,
[data-theme="minimal"] .page-blog .breadcrumb a { color: #6B7280; }
[data-theme="minimal"] .page-blog .breadcrumb a:hover { color: #111111; }
[data-theme="minimal"] .page-blog .breadcrumb-sep { color: #9CA3AF; }

/* guide article (light theme override) */
[data-theme="minimal"] .page-blog .guide-header { border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .guide-header h1 { color: #111111; }
[data-theme="minimal"] .page-blog .guide-header-desc { color: #6B7280; }
[data-theme="minimal"] .page-blog .guide-byline { color: #9CA3AF; }
[data-theme="minimal"] .page-blog .guide-eyebrow { color: #374151; background: #F3F4F6; border-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .guide-body { color: #374151; }
[data-theme="minimal"] .page-blog .guide-body h2,
[data-theme="minimal"] .page-blog .guide-body h3 { color: #111111; }
[data-theme="minimal"] .page-blog .guide-body p,
[data-theme="minimal"] .page-blog .guide-body li { color: #374151; }
[data-theme="minimal"] .page-blog .guide-prompt-block { background: #FFFFFF; border-color: #E5E7EB; border-left-color: #111111; color: #374151; }
[data-theme="minimal"] .page-blog .guide-cta-box { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .guide-cta-box::before { background: radial-gradient(circle, rgba(17,17,17,0.04) 0%, transparent 70%); }
[data-theme="minimal"] .page-blog .guide-cta-box h3 { color: #111111; }
[data-theme="minimal"] .page-blog .guide-cta-box p { color: #6B7280; }
[data-theme="minimal"] .page-blog .btn-guide-cta { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .page-blog .btn-guide-cta:hover { background: #7E124B; }
[data-theme="minimal"] .page-blog .guide-backlink { background: #FFFFFF; border-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .guide-backlink-label { color: #374151; }
[data-theme="minimal"] .page-blog .guide-backlink-link { color: #111111; }
[data-theme="minimal"] .page-blog .guide-backlink-link:hover { color: #000000; }
[data-theme="minimal"] .page-blog .guide-sidebar { background: #FFFFFF; border-color: #E5E7EB; box-shadow: 0 4px 20px rgba(17,17,17,0.06); }
[data-theme="minimal"] .page-blog .sidebar-toc-title { color: #9CA3AF; }
[data-theme="minimal"] .page-blog .sidebar-toc-link { color: #6B7280; border-bottom-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .sidebar-toc-link:hover { color: #111111; }
[data-theme="minimal"] .page-blog .sidebar-cta-box { border-top-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .sidebar-cta-label { color: #9CA3AF; }
[data-theme="minimal"] .page-blog .sidebar-cta-link { background: #AA1E69; color: #FFFFFF; }
[data-theme="minimal"] .page-blog .sidebar-cta-link:hover { background: #7E124B; }
[data-theme="minimal"] .page-blog .cta-band { border-top-color: #E5E7EB; }
[data-theme="minimal"] .page-blog .cta-band h2 { color: #111111; }
[data-theme="minimal"] .page-blog .cta-band p { color: #6B7280; }

/* blog listing cards (fix solid-black bg from --text-light redefinition) */
[data-theme="minimal"] .page-blog .blog-card { background: #FFFFFF; border-color: #E5E7EB; box-shadow: 0 1px 8px rgba(17,17,17,0.04); }
[data-theme="minimal"] .page-blog .blog-card:hover { border-color: #9CA3AF; box-shadow: 0 6px 18px rgba(17,17,17,0.08); transform: translateY(-2px); }
[data-theme="minimal"] .page-blog .blog-card-icon { background: #F3F4F6; }
[data-theme="minimal"] .page-blog .blog-card-icon svg { color: #374151; }
[data-theme="minimal"] .page-blog .blog-card-title { color: #111111; }
[data-theme="minimal"] .page-blog .blog-card-desc { color: #6B7280; }
[data-theme="minimal"] .page-blog .blog-card-meta { color: #9CA3AF; }

/* ───────────────  AUTH (signin / signup / check-email)  ─────────────── */
/* auth primary button uses a black gradient + --text-light text → black-on-black; force white text */
[data-theme="minimal"] .auth-btn-primary { color: #FFFFFF; }
[data-theme="minimal"] .auth-btn-secondary { color: #111111; border-color: #D1D5DB; }
[data-theme="minimal"] .auth-btn-secondary:hover { border-color: #111111; color: #111111; background: #F9FAFB; }

/* ───────────────  THANK-YOU / UPSELL  ─────────────── */
/* upsell cards use a dark translucent bg + --text-light text → black-on-black; force white card + dark text */
[data-theme="minimal"] .upsell-card { background: #FFFFFF; border-color: #E5E7EB; backdrop-filter: none; box-shadow: 0 1px 8px rgba(17,17,17,0.04); }
[data-theme="minimal"] .upsell-card:hover { border-color: #9CA3AF; box-shadow: 0 6px 18px rgba(17,17,17,0.08); }
[data-theme="minimal"] .upsell-card-name { color: #111111; }
[data-theme="minimal"] .upsell-card-tagline { color: #6B7280; }
[data-theme="minimal"] .upsell-card-price { color: #374151; }

/* ───────────────  THEME TOGGLE BUTTON  ─────────────── */
.nav-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: 6px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(17,17,17,0.15);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  transition: border-color var(--transition), color var(--transition), background var(--transition);
}
.nav-theme-toggle:hover { border-color: rgba(17,17,17,0.35); color: var(--text-primary); }
.nav-theme-toggle svg { width: 16px; height: 16px; display: block; }
.nav-theme-toggle:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }

/* icon visibility: minimal shows the "go cyber" (zap) icon; cyber shows "go minimal" (moon) */
.nav-theme-toggle .icon-cyber,
.nav-theme-toggle .icon-minimal { display: none; }
[data-theme="minimal"] .nav-theme-toggle .icon-cyber { display: block; }
[data-theme="cyber"]   .nav-theme-toggle .icon-minimal { display: block; }

/* mobile nav menu background in minimal */
@media (max-width: 768px) {
  [data-theme="minimal"] .nav-links { background: #FFFFFF; }
}
