/* ============================================================
   CleanRide Blog — Theme overrides
   [data-theme="clair-vert"]  → light base, brand-green accent (recommended)
   [data-theme="cyber"]       → dark neon glass identity
   (no attribute / "light")   → original light + blue
   ============================================================ */

/* ===== CLAIR VERT — white-dominant, brand green signature ===== */
[data-theme="clair-vert"] {
  /* green replaces blue as the primary accent. Deepened for AA contrast on white. */
  --blue: #00A24A;
  --blue-700: #008a3f;
  --blue-800: #007034;
  --blue-50: #E8F8EF;
  --blue-100: #C6EED7;
  --green: #00C853;
  --green-700: #00a844;
  --green-50: #E6F8EE;
  --sh-blue: 0 12px 30px rgba(0,162,74,.26);
  --sh-green: 0 12px 30px rgba(0,200,83,.28);
}
/* fresh green hero glow + gradient */
[data-theme="clair-vert"] .cr-grad {
  background: linear-gradient(100deg, #00A24A, #00C853 60%, #19c98a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-theme="clair-vert"] .cr-hero-bg {
  background:
    radial-gradient(900px 500px at 78% -10%, #E8F8EF, transparent 60%),
    radial-gradient(700px 480px at 10% 110%, #E6F8EE, transparent 55%);
}
/* green primary buttons read best with white text (WhatsApp convention) */
[data-theme="clair-vert"] .btn-primary { color: #fff; }
[data-theme="clair-vert"] .cr-rail-cta .btn-primary { background: #fff; color: var(--blue-700); }
[data-theme="clair-vert"] .cr-page-num.is-on,
[data-theme="clair-vert"] .chip.is-active { color: #fff; }
[data-theme="clair-vert"] .cr-avatar,
[data-theme="clair-vert"] .cr-logo-mark { color: #fff; }

/* ===== CYBER-LUXURY — dark base, neon green, glass, glow ===== */

[data-theme="cyber"] {
  /* base */
  --bg: #050505;
  --gray: #0d0d10;
  --gray-deep: #16161a;
  --surface: #0a0a0a;

  /* text */
  --ink: #ffffff;
  --ink-soft: #c4c9d2;
  --muted: #8b919c;
  --faint: #5f6671;

  /* borders */
  --border: rgba(255,255,255,.09);
  --border-soft: rgba(255,255,255,.055);

  /* signature neon green = primary accent */
  --blue: #00D26A;
  --blue-700: #00b85c;
  --blue-800: #00964b;
  --blue-50: rgba(0,210,106,.12);
  --blue-100: rgba(0,210,106,.30);

  /* WhatsApp / conversion green */
  --green: #00C853;
  --green-700: #00b34a;
  --green-50: rgba(0,200,83,.12);

  /* type */
  --sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;

  /* shadows → glow + depth on black */
  --sh-xs: 0 1px 2px rgba(0,0,0,.5);
  --sh-sm: 0 2px 12px rgba(0,0,0,.55);
  --sh-md: 0 12px 36px rgba(0,0,0,.6);
  --sh-lg: 0 30px 72px rgba(0,0,0,.7);
  --sh-blue: 0 10px 32px rgba(0,210,106,.34);
  --sh-green: 0 10px 32px rgba(0,200,83,.34);

  color-scheme: dark;
}

/* ---------- Surfaces → dark glass ---------- */
[data-theme="cyber"] .card,
[data-theme="cyber"] .cr-cat-white,
[data-theme="cyber"] .cr-testi,
[data-theme="cyber"] .cr-beforeafter,
[data-theme="cyber"] .cr-faq-item,
[data-theme="cyber"] .cr-pop-card,
[data-theme="cyber"] .cr-devis,
[data-theme="cyber"] .cr-localsrv,
[data-theme="cyber"] .cr-localcity,
[data-theme="cyber"] .cr-contact-card,
[data-theme="cyber"] .cr-msheet-card {
  background: linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border-color: var(--border);
}
[data-theme="cyber"] .card { border: 1px solid var(--border); }
[data-theme="cyber"] .card:hover,
[data-theme="cyber"] .cr-localsrv:hover,
[data-theme="cyber"] .cr-localcity:hover,
[data-theme="cyber"] .cr-contact-card:hover { border-color: var(--blue-100); box-shadow: var(--sh-md), 0 0 0 1px rgba(0,210,106,.12); }

/* ---------- Header ---------- */
[data-theme="cyber"] .cr-head { background: rgba(5,5,5,.72); }
[data-theme="cyber"] .cr-head.is-scrolled { border-bottom-color: var(--border); box-shadow: 0 1px 0 rgba(0,210,106,.08); }
[data-theme="cyber"] .cr-mega { background: #0c0c0f; border-color: var(--border); }
[data-theme="cyber"] .cr-burger,
[data-theme="cyber"] .cr-iconbtn,
[data-theme="cyber"] .cr-page-num,
[data-theme="cyber"] .btn-outline { background: rgba(255,255,255,.04); border-color: var(--border); color: var(--ink-soft); }
[data-theme="cyber"] .cr-iconbtn:hover { color: var(--ink); border-color: var(--blue); }

/* ---------- Logo ---------- */
[data-theme="cyber"] .cr-logo-mark { background: var(--blue); color: #04140b; box-shadow: var(--sh-blue); }
[data-theme="cyber"] .cr-logo-text { color: #fff; }

/* ---------- Buttons ---------- */
[data-theme="cyber"] .btn-primary { background: var(--blue); color: #04140b; box-shadow: var(--sh-blue); }
[data-theme="cyber"] .btn-primary:hover { background: #19e07d; }
[data-theme="cyber"] .btn-green { background: var(--green); color: #04140b; box-shadow: var(--sh-green); }
[data-theme="cyber"] .btn-ghost { background: rgba(255,255,255,.06); color: var(--ink); }
[data-theme="cyber"] .btn-ghost:hover { background: rgba(255,255,255,.1); }
[data-theme="cyber"] .chip { background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1.4px var(--border); color: var(--ink-soft); }
[data-theme="cyber"] .chip:hover { box-shadow: inset 0 0 0 1.4px var(--blue); color: var(--blue); }
[data-theme="cyber"] .chip.is-active { background: var(--blue); color: #04140b; box-shadow: none; }

/* ---------- Search ---------- */
[data-theme="cyber"] .cr-search-box { background: rgba(255,255,255,.04); border-color: var(--border); }
[data-theme="cyber"] .cr-search-input { color: #fff; }
[data-theme="cyber"] .cr-search-input::placeholder { color: var(--faint); }
[data-theme="cyber"] .cr-sugg-chip { background: rgba(255,255,255,.04); border-color: var(--border); color: var(--ink-soft); }
[data-theme="cyber"] .cr-sugg-chip:hover { background: rgba(0,210,106,.1); border-color: var(--blue); color: var(--blue); }

/* ---------- Forms ---------- */
[data-theme="cyber"] .input,
[data-theme="cyber"] .textarea,
[data-theme="cyber"] .select { background: rgba(255,255,255,.04); border-color: var(--border); color: #fff; }
[data-theme="cyber"] .input::placeholder, [data-theme="cyber"] .textarea::placeholder { color: var(--faint); }
[data-theme="cyber"] .select option { background: #0c0c0f; }
[data-theme="cyber"] .cr-devis-srv { background: rgba(255,255,255,.03); border-color: var(--border); color: var(--ink-soft); }
[data-theme="cyber"] .cr-devis-srv.is-on { background: var(--blue-50); border-color: var(--blue); color: var(--blue); }

/* ---------- Hero & gradients ---------- */
[data-theme="cyber"] .cr-hero-bg {
  background:
    radial-gradient(900px 520px at 80% -12%, rgba(0,210,106,.18), transparent 60%),
    radial-gradient(680px 460px at 8% 112%, rgba(37,99,235,.16), transparent 58%);
}
[data-theme="cyber"] .cr-grad { background: linear-gradient(100deg, #00D26A, #2563EB); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-theme="cyber"] .cr-hero.minimal .cr-hero-bg { background: #0a0a0a; }
[data-theme="cyber"] .cr-readbar { background: linear-gradient(90deg, #00D26A, #2563EB); }

/* placeholders */
[data-theme="cyber"] .ph::after { background: rgba(8,8,10,.7); color: var(--muted); }

/* card category overlay */
[data-theme="cyber"] .cr-card-cat { background: rgba(8,8,10,.78); color: #fff; box-shadow: inset 0 0 0 1px var(--border); }

/* ---------- Tinted category tiles → neon glass ---------- */
[data-theme="cyber"] .cr-cat-tile {
  background: linear-gradient(165deg, oklch(0.26 0.06 var(--h)), oklch(0.16 0.03 var(--h)));
  box-shadow: inset 0 0 0 1px oklch(0.4 0.08 var(--h) / .5);
}
[data-theme="cyber"] .cr-cat-tile:hover { box-shadow: var(--sh-md), inset 0 0 0 1px oklch(0.55 0.12 var(--h)); }
[data-theme="cyber"] .cr-cat-blurb { color: var(--ink-soft); }
[data-theme="cyber"] .cr-cat-arrow { color: oklch(0.8 0.15 var(--h)); }
[data-theme="cyber"] .cr-cat-compact { background: rgba(255,255,255,.03); }
[data-theme="cyber"] .cr-cat-compact:hover { background: rgba(255,255,255,.06); }

/* ---------- Dark-bg blocks that used --ink ---------- */
[data-theme="cyber"] .cr-foot { background: #000; border-top: 1px solid var(--border); }
[data-theme="cyber"] .cr-statblock { background: linear-gradient(135deg, #0e2a1b, #0a0a0a); border: 1px solid rgba(0,210,106,.2); }
[data-theme="cyber"] .cr-statblock-val { color: var(--blue); }
[data-theme="cyber"] .cr-news.band { background: linear-gradient(135deg, #0c1626, #0a0a0a); border: 1px solid var(--border); }

/* CTA bands */
[data-theme="cyber"] .cr-ctaband.blue { background: linear-gradient(120deg, #07271a, #0a0a0a 70%); border-top: 1px solid rgba(0,210,106,.2); border-bottom: 1px solid rgba(0,210,106,.12); }
[data-theme="cyber"] .cr-ctaband.soft { background: #0a0a0a; }
[data-theme="cyber"] .cr-ctaband.blue .cr-ctaband-deco { background: radial-gradient(circle, rgba(0,210,106,.18), transparent 70%); }
[data-theme="cyber"] .btn.cr-onblue { background: rgba(255,255,255,.08); }

/* article cta */
[data-theme="cyber"] .cr-article-cta { background: linear-gradient(120deg, rgba(0,210,106,.1), rgba(37,99,235,.08)); border: 1px solid var(--border); }

/* ---------- Rail CTA → neon glass ---------- */
[data-theme="cyber"] .cr-rail-cta { background: linear-gradient(160deg, #0e2a1b, #0a0a0a); border: 1px solid rgba(0,210,106,.22); color: #fff; }
[data-theme="cyber"] .cr-rail-cta .cr-avatar { background: var(--blue); color: #04140b; }
[data-theme="cyber"] .cr-rail-cta p { color: var(--ink-soft); }
[data-theme="cyber"] .cr-rail-cta .btn-primary { background: var(--blue); color: #04140b; }

/* ---------- Proof / sections ---------- */
[data-theme="cyber"] .cr-proof,
[data-theme="cyber"] .cr-related { background: #0a0a0a; }
[data-theme="cyber"] .cr-news.card, [data-theme="cyber"] .cr-news.rail { background: rgba(255,255,255,.03); border: 1px solid var(--border); }
[data-theme="cyber"] .cr-sort { background: rgba(255,255,255,.04); }
[data-theme="cyber"] .cr-sort-btn.is-on { background: rgba(255,255,255,.08); color: #fff; }
[data-theme="cyber"] .cr-page-num.is-on { background: var(--blue); color: #04140b; border-color: var(--blue); }
[data-theme="cyber"] .cr-empty-ico { background: rgba(255,255,255,.04); }
[data-theme="cyber"] .cr-contact-hours { background: rgba(255,255,255,.03); }
[data-theme="cyber"] .cr-contact-ico { background: var(--blue-50); color: var(--blue); }

/* page heroes */
[data-theme="cyber"] .cr-pagehero.gray { background: #0a0a0a; }
[data-theme="cyber"] .cr-pagehero.cat { background: linear-gradient(180deg, rgba(0,210,106,.08), transparent); }
[data-theme="cyber"] .cr-pagehero.local { background: linear-gradient(180deg, rgba(0,200,83,.08), transparent); }

/* tooltips / popups */
[data-theme="cyber"] .cr-wa-tip { background: #0c0c0f; color: #fff; box-shadow: var(--sh-md); border: 1px solid var(--border); }
[data-theme="cyber"] .cr-pop-x { background: rgba(12,12,15,.9); }
[data-theme="cyber"] .cr-msheet { background: rgba(0,0,0,.6); }

/* avatars keep neon w/ dark glyph */
[data-theme="cyber"] .cr-avatar { background: var(--blue); color: #04140b; }
[data-theme="cyber"] .cr-devis-check { background: var(--blue-50); color: var(--blue); }
[data-theme="cyber"] .cr-news-done { background: var(--blue-50); color: var(--blue); }

/* gold premium accent on featured eyebrow + stars already gold */
[data-theme="cyber"] .cr-card.is-feat .eyebrow { color: var(--gold); }
[data-theme="cyber"] .cr-stars { color: var(--gold); }

/* selection */
[data-theme="cyber"] ::selection { background: rgba(0,210,106,.3); color: #fff; }