/* ============================================================
   UNIVRS WEB — Monochrome override
   Neutralise tous les effets chrome (texte, boutons, badges,
   icônes, traits, accents) au profit d'un rendu N&B strict.
   Charge ce fichier APRÈS site.css et motion.css.
   ============================================================ */

/* === Boutons primary : noir plein, texte blanc === */
.btn-primary {
  background: var(--color-text) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow:
    0 0 0 1px rgba(15,17,21,.9),
    0 4px 12px -2px rgba(15,17,21,.22) !important;
}
.btn-primary:hover {
  background: #000 !important;
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(15,17,21,1),
    0 10px 22px -2px rgba(15,17,21,.32) !important;
}
.btn-primary:active {
  background: var(--color-text) !important;
  transform: translateY(0);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.4),
    0 0 0 1px rgba(15,17,21,.95) !important;
}
/* Subtle white sweep at idle on the dark button — replaces chrome */
.btn-primary::before {
  background: linear-gradient(115deg,
    transparent 0%, transparent 38%,
    rgba(255,255,255,.22) 50%,
    transparent 62%, transparent 100%) !important;
  mix-blend-mode: normal !important;
}

/* === Hero & CTA chrome text → solid === */
.hero h1 .accent,
.cta-banner h2 .liq,
.chrome-text,
.chrome-liquid-text,
.notfound .code {
  background: none !important;
  -webkit-background-clip: initial !important;
          background-clip: initial !important;
  -webkit-text-fill-color: var(--color-text) !important;
  color: var(--color-text) !important;
  animation: none !important;
  filter: none !important;
}
.chrome-liquid-text::after { display: none !important; }
.cta-banner h2 .liq {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

/* === Stats / diff numbers / step numbers with .chrome → solid === */
.stat .n.chrome,
.diff-cell .num.chrome,
.step-num.chrome {
  background: none !important;
  -webkit-background-clip: initial !important;
          background-clip: initial !important;
  -webkit-text-fill-color: var(--color-text) !important;
  color: var(--color-text) !important;
}

/* === Eyebrow strokes & feature strokes → solid black === */
.eyebrow .stroke,
.card.featured::before,
.price-card.featured::before,
.chrome-stroke {
  background: var(--color-text) !important;
  box-shadow: none !important;
}

/* === Brand sub-badge (WEB), chrome tags → solid black === */
.brand .sub,
.tag.chrome {
  background: var(--color-text) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: 0 1px 2px rgba(15,17,21,.15) !important;
}

/* === Price card "Recommandé" badge === */
.price-card .badge {
  background: var(--color-text) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: 0 4px 10px -2px rgba(15,17,21,.22) !important;
}

/* === Icons & avatars filled with chrome-gradient-plate === */
.reassure-item .ic,
.step-pill,
.aside-item .ic,
.testimonial .who .ava,
[style*="chrome-gradient-plate"] {
  background: var(--color-text) !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* === Bullet dots that used chrome === */
.feature-copy ul.inc li::before,
.price-card ul.features li::before,
.step-detail li::before {
  background: var(--color-text) !important;
  box-shadow: none !important;
}
/* Disabled (data-no) bullets stay grey */
.price-card ul.features li[data-no]::before {
  background: var(--color-surface) !important;
  box-shadow: inset 0 0 0 1px var(--color-border) !important;
}

/* === FAQ active chrome bar === */
.faq-item::before {
  background: var(--color-text) !important;
}

/* === Decorative chrome-sheen lines — kill the metallic hint === */
.cta-banner::after,
.reassure::before,
.site-footer::before,
.featured-quote::after,
.font-card::after,
.hero::after {
  background: var(--color-border) !important;
  opacity: 1 !important;
  height: 1px !important;
}

/* === Hero chrome orb: keep the shape but kill the iridescent rainbow === */
.chrome-orb::before { display: none !important; }
/* Make the orb strictly greyscale (it already is, just freezing the rotation) */
.chrome-orb {
  filter: grayscale(1) contrast(1.05) !important;
}

/* === About vision liquid surface → solid black panel === */
.about-vision .visual {
  background: var(--color-text) !important;
  animation: none !important;
}
.about-vision .visual::after { display: none !important; }
.about-vision .visual::before {
  border-color: rgba(255,255,255,.22) !important;
}

/* === Hero chip dot: solid black === */
.hero-chip .dot {
  background: var(--color-text) !important;
  box-shadow: 0 0 8px rgba(15,17,21,.25) !important;
}

/* === Step-detail bullets, project frame chrome accents === */
.project-card .browser-bar .dot { background: var(--color-border) !important; }

/* === Tag chips with chrome bg (inside portfolio etc.) === */
.tag.chrome {
  background: var(--color-text) !important;
  color: #fff !important;
}

/* === Filter chips active state (already black) — ensure === */
.filter-chip.active {
  background: var(--color-text) !important;
  color: #fff !important;
  border-color: var(--color-text) !important;
}

/* === Trust bar accent stroke (chrome-sheen) — hide === */
.trust-bar { border-top-color: var(--color-divider) !important; }

/* === Submit/CTA bg-banner: keep dark, just clean the chrome glow === */
.cta-banner::before {
  /* Soften the radial chrome glow to neutral grey only */
  background:
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.10) 0%, transparent 50%),
    radial-gradient(circle at 10% 80%, rgba(255,255,255,.05) 0%, transparent 50%) !important;
}

/* === Status / hero meta strong values stay black (no chrome) === */
.hero-meta strong { color: var(--color-text) !important; }