/* ════════════════════════════════════════════════════════════════
   RestauVert · COUCHE PREMIUM accueil (2026-07-21, v2)
   Rythme vertical, typographie assumée, cartes unifiées.
   Spécificité alignée sur le codebase (:not(#_a):not(#_b)) pour gagner
   la cascade. Ne force AUCUNE couleur de fond ni de texte → sûr sur les
   sections claires ET sombres. Ne touche jamais au hero.
   ════════════════════════════════════════════════════════════════ */

/* ── 1 · RYTHME VERTICAL — l'espace régulier, marqueur n°1 du premium ── */
html body > section:not(.hero):not(.cta-banner):not(#_a):not(#_b){
  padding-top: clamp(4rem, 7vw, 6.5rem) !important;
  padding-bottom: clamp(4rem, 7vw, 6.5rem) !important;
}
html body > section.cta-banner:not(#_a):not(#_b){
  padding-top: clamp(3.5rem, 6vw, 5rem) !important;
  padding-bottom: clamp(3.5rem, 6vw, 5rem) !important;
}

/* ── 2 · TITRES DE SECTION — plus grands, plus sûrs (taille/graisse seules) ── */
html body > section:not(.hero) .section-title:not(#_a):not(#_b),
html body > section:not(.hero) > .container h2:not(#_a):not(#_b),
html body > section:not(.hero) > .container > .section-header h2:not(#_a):not(#_b){
  font-family: Fraunces, Georgia, serif !important;
  font-size: clamp(2rem, 3.8vw, 3rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.12 !important;
  margin-bottom: 1.1rem !important;
}

/* ── 3 · EYEBROW — plus fin, plus espacé ── */
html body > section:not(.hero) .section-tag:not(#_a):not(#_b){
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.9rem !important;
}

/* ── 4 · MESURE DE LECTURE — corps centré, ≤62 caractères (pas de couleur forcée) ── */
html body > section:not(.hero) .section-header p:not(#_a):not(#_b),
html body > section:not(.hero) .section-subtitle:not(#_a):not(#_b),
html body > section:not(.hero) .section-intro:not(#_a):not(#_b){
  max-width: 62ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.7 !important;
}

/* ── 5 · CARTES — un seul système d'ombre douce + survol qui soulève ── */
html body > section:not(.hero) .service-card:not(#_a):not(#_b),
html body > section:not(.hero) .typo-card:not(#_a):not(#_b),
html body > section:not(.hero) .value-card:not(#_a):not(#_b),
html body > section:not(.hero) .step-card:not(#_a):not(#_b){
  border-radius: 16px !important;
  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease !important;
}
html body > section:not(.hero) .service-card:hover:not(#_a):not(#_b),
html body > section:not(.hero) .typo-card:hover:not(#_a):not(#_b),
html body > section:not(.hero) .value-card:hover:not(#_a):not(#_b),
html body > section:not(.hero) .step-card:hover:not(#_a):not(#_b){
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 42px rgba(13, 42, 26, 0.14) !important;
  border-color: rgba(201, 162, 78, 0.5) !important;
}

/* ── 6 · BANDE DE CHIFFRES — monumentale ── */
html body > section.rv-stats-band .stat-num:not(#_a):not(#_b),
html body > section.rv-stats-band [class*="stat-num"]:not(#_a):not(#_b){
  font-family: Fraunces, Georgia, serif !important;
  font-size: clamp(2.6rem, 5vw, 4rem) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* ── 7 · CTA FINAL — plus de présence ── */
html body > section.cta-banner h2:not(#_a):not(#_b){
  font-size: clamp(2.2rem, 4.2vw, 3.3rem) !important;
}

/* ── 8 · MOBILE — de l'air sans étouffer ── */
@media (max-width: 768px){
  html body > section:not(.hero):not(.cta-banner):not(#_a):not(#_b){
    padding-top: clamp(3rem, 9vw, 4rem) !important;
    padding-bottom: clamp(3rem, 9vw, 4rem) !important;
  }
}

/* ══ v3 · CARTES CLAIRES UNIFIÉES — un seul langage pour les 4 cartes sur fond
   clair (crédibilité, services, preuve, comparatif). Fond blanc, bordure or
   subtile cohérente, ombre douce identique, survol identique. Neutralise le
   liseré or 3px des value-cards pour l'homogénéité. Exclut les cartes sombres
   (rv-stat-card, rv-outil-card) et rv-typo-card (contexte ambigu). ══ */
html body :is(.rv-value-card,.service-card,.testimonial-card,.rv-formula-card):not(#_a):not(#_b){
  background:#FFFFFF !important;
  border:1px solid rgba(201,162,78,0.20) !important;
  border-top:1px solid rgba(201,162,78,0.20) !important;
  border-radius:16px !important;
  box-shadow:0 4px 20px rgba(13,42,26,0.06), 0 1px 3px rgba(13,42,26,0.04) !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease !important;
}
html body :is(.rv-value-card,.service-card,.testimonial-card,.rv-formula-card):hover:not(#_a):not(#_b){
  transform:translateY(-5px) !important;
  box-shadow:0 20px 48px -20px rgba(13,42,26,0.18) !important;
  border-color:rgba(201,162,78,0.5) !important;
}
@media (prefers-reduced-motion:reduce){
  html body :is(.rv-value-card,.service-card,.testimonial-card,.rv-formula-card):hover:not(#_a):not(#_b){transform:none !important}
}