/* prestige.css — Thème Prestige (marron mat / velours, sans glow ni bandes) */

:root{
  /* Palette (Prestige) — chaude, mate, pas noire */
  --bg: #201813;            /* fond principal */
  --bg-soft: #2a2019;       /* variation douce */
  --panel: rgba(36, 28, 22, .72);
  --panel-strong: rgba(36, 28, 22, .86);

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);

  /* lignes / contours : ultra discrets (évite l’effet “barres”) */
  --line: rgba(255,255,255,.07);

  /* accent bronze mat */
  --accent: #9b6a37;
  --accent-2: #7e532c;

  --radius: 18px;

  /* ombres : soft (pas de halo / glow) */
  --shadow: 0 10px 32px rgba(0,0,0,.35);
  --shadow-soft: 0 6px 18px rgba(0,0,0,.28);
}

html, body{
  background-color: var(--bg);
  color: var(--text);
}

/* Fond “papier/velours” : uniquement des radials -> pas de lignes/bandes */
body{
  background-color: var(--bg);
  background-image:
    radial-gradient(1400px 700px at 18% 12%, rgba(155,106,55,.18), transparent 62%),
    radial-gradient(1200px 600px at 86% 18%, rgba(255,255,255,.05), transparent 60%),
    radial-gradient(900px 520px at 50% 92%, rgba(0,0,0,.22), transparent 70%);
  background-attachment: fixed;
}

/* Typo Prestige :
   - Titres en serif (plus “demeure / patrimoine”)
   - Corps en sans (lisible)
   - Poids moins gras */
body, input, button, textarea, select{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, .hero-title, .page-title, .section-title, .cta-title{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600; /* moins “gras” */
  letter-spacing: .2px;
}

.hero-title{
  font-size: 48px;
  line-height: 1.05;
}

@media (max-width: 860px){
  .hero-title{ font-size: 34px; }
}

/* Header : séparation très légère (pas de grosse barre) */
.site-header{
  background: rgba(32,24,19,.72);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}

/* Cartes / panneaux : matte, pas de glow */
.card, .tile, .panel, .box, .contact-card{
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}

.card:hover, .tile:hover, .panel:hover, .box:hover, .contact-card:hover{
  border-color: rgba(255,255,255,.10);
}

/* Boutons : bronze mat, sans halo */
.btn, a.btn, button.btn{
  background: linear-gradient(180deg, rgba(155,106,55,.85), rgba(126,83,44,.88));
  color: rgba(255,255,255,.95);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
}

.btn:hover, a.btn:hover, button.btn:hover{
  background: linear-gradient(180deg, rgba(170,120,65,.90), rgba(140,92,50,.92));
}

.btn.outline, a.btn.outline, button.btn.outline{
  background: rgba(36, 28, 22, .35);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  box-shadow: none;
}

.btn.outline:hover, a.btn.outline:hover, button.btn.outline:hover{
  background: rgba(36, 28, 22, .55);
}

/* Pills / proofs : plus de contraste + léger lift (toujours mat) */
.proofs li, .pill{
  background:
    radial-gradient(520px 180px at 18% 0%, rgba(155,106,55,.16), transparent 62%),
    rgba(22, 16, 12, .72);
  border: 1px solid rgba(155,106,55,.22);
  color: rgba(255,255,255,.88);
  box-shadow: 0 10px 28px rgba(0,0,0,.34);
}

.proofs li:hover, .pill:hover{
  border-color: rgba(155,106,55,.34);
  box-shadow: 0 18px 46px rgba(0,0,0,.46);
  transform: translateY(-1px);
}

.proofs li:active, .pill:active{
  transform: translateY(0);
}

/* Hero : velours (sans border-bottom qui fait “ligne”) */
.hero{
  padding: 70px 0;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(155,106,55,.20), transparent 62%),
    radial-gradient(900px 460px at 85% 0%, rgba(255,255,255,.04), transparent 62%);
  border-bottom: none;
}

.hero-lead{
  color: var(--muted);
}

/* Image hero : propre, soft */
.hero-image{
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  background-color: rgba(255,255,255,.03);
}

/* Section CTA (le bloc “Accéder à la version Classique”) :
   - pas de borders haut/bas (ça faisait les “lignes”)
   - pas de linear gradient bandé */
.section-cta{
  background:
    radial-gradient(900px 420px at 18% 50%, rgba(155,106,55,.16), transparent 65%),
    rgba(32,24,19,.32);
  border-top: none;
  border-bottom: none;
}
/* Prestige: CTA moins "contrainte" (respiration) */
.theme-prestige .section-cta{
  padding-top: 12px;
  padding-bottom: 14px;
}

@media (min-width: 860px){
  .theme-prestige .section-cta{
    padding-top: 22px;
    padding-bottom: 24px;
  }
}

.section-cta .cta-inner{
  background: transparent;
}

/* Page spacing */
.page{
  padding: 40px 0 72px;
}

.page-title{
  margin: 0 0 18px 0;
}

/* Liens : discrets */
a{ color: rgba(255,255,255,.90); }
a:hover{ color: rgba(255,255,255,.98); }

/* Footer : pas de grosse barre */
.site-footer{
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(32,24,19,.55);
}

@media (max-width: 860px){
  .hero{ padding: 54px 0; }
  .hero-image{ border-radius: 18px; }
}

/* Prestige : corps en même famille que les titres */
.theme-prestige{
  font-family: Georgia, "Times New Roman", Times, serif;
}
.theme-prestige p,
.theme-prestige li,
.theme-prestige a,
.theme-prestige button,
.theme-prestige input,
.theme-prestige textarea{
  font-family: inherit;
}

/* === Prestige: zoom-overlay list-cards (remplace le noir) === */
.theme-prestige .list-cards .card .card-text{
  /* plus sombre à la base + voile bronze discret */
  background:
    radial-gradient(760px 240px at 18% 0%, rgba(155,106,55,.22), transparent 62%),
    rgba(18, 13, 10, .92) !important;

  /* contour bronze plus lisible */
  border-color: rgba(155,106,55,.34) !important;

  /* lift plus fort */
  box-shadow:
    0 34px 96px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.05) inset !important;

  backdrop-filter: blur(10px) saturate(1.06);
}
/* Titre (injecté via ::before) : légèrement plus “ivoire” */
.theme-prestige .list-cards .card .card-text::before{
  color: rgba(255,255,255,.94) !important;
}
/* Body : un poil plus doux */
.theme-prestige .list-cards .card .card-text{
  color: rgba(255,255,255,.86) !important;
}

/* === Prestige: éviter le "double contour" sous le popover === */
.theme-prestige .list-cards .card:hover,
.theme-prestige .list-cards .card:focus-within,
.theme-prestige .list-cards .card.is-active{
  background: transparent !important;
  box-shadow: none !important;
}

/* On atténue aussi la bordure de la card d'origine au hover/active */
.theme-prestige .list-cards .card:hover,
.theme-prestige .list-cards .card.is-active{
  border-color: transparent !important;
}

/* Important: si ta card a un pseudo fond via ::before, on le coupe aussi */
.theme-prestige .list-cards .card:hover::before,
.theme-prestige .list-cards .card:focus-within::before,
.theme-prestige .list-cards .card.is-active::before{
  opacity: 0 !important;
}