/* ═══════════════════════════════════════════════════════════
   EtherikMind — Pages légales (Politique de confidentialité,
   Mentions légales, …)
   Même habillage noir/or que le reste du site (voir contact.css).
   Chargé uniquement sur ces pages via etherikmind_enqueue().
═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=Outfit:wght@200;300;400;500&display=swap');

.em-legal-global {
  --or:       #FFD050;
  --or2:      #E09820;
  --or-bd:    rgba(224,152,32,0.28);
  --f0:       #FFD050;
  --f2:       rgba(224,152,32,0.20);
  --f3:       rgba(224,152,32,0.35);
  --e0:       #0E0B06;
  --e1:       #FDFAF5;
  --e4:       rgba(253,250,245,0.68);
  --e5:       rgba(253,250,245,0.45);
  --card:     #17130D;
  --card-bd:  rgba(224,152,32,0.42);
  --serif:    'Cormorant Garamond', Georgia, serif;
  --sans:     'Outfit', system-ui, sans-serif;
  --ease:     cubic-bezier(0.16,1,0.3,1);
  background: var(--e0);
  font-family: var(--sans);
  color: var(--e1);
  min-height: 100vh;
}

/* Fond noir pleine page — même raison que sur contact/panier : ce
   fichier n'est chargé que sur les pages légales. */
html, body { background: #0E0B06 !important; min-height: 100vh; }

/* ════ HEADER ════ */
.em-legal-header { text-align:center; padding:64px 24px 0; }
.em-legal-header .eyebrow {
  display:block; font-size:9px; letter-spacing:.35em;
  text-transform:uppercase; color:var(--e5); margin-bottom:8px;
}
.em-legal-header h1 {
  font-family:var(--serif); font-size:clamp(2rem,5vw,3rem);
  font-weight:500; color:var(--e1); margin:0 0 14px;
}
.em-legal-divider { display:flex; align-items:center; gap:14px; justify-content:center; margin-top:6px; }
.em-legal-divider span { flex:1; max-width:60px; height:.5px; background:linear-gradient(90deg,transparent,var(--or-bd)); }
.em-legal-divider span:last-child { background:linear-gradient(270deg,transparent,var(--or-bd)); }
.em-legal-divider i { width:5px; height:5px; background:var(--or); transform:rotate(45deg); flex-shrink:0; display:block; }
.em-legal-sub {
  max-width:440px; margin:18px auto 0; font-family:var(--serif); font-style:italic;
  font-size:15px; line-height:1.6; color:var(--e4);
}

/* ════ CARTE DE CONTENU ════ */
.em-legal-wrap { max-width:760px; margin:56px auto 96px; padding:0 24px; }
.em-legal-card {
  background:var(--card); border:1px solid var(--card-bd); border-radius:20px;
  padding:44px 48px;
}
@media (max-width:600px) { .em-legal-card { padding:32px 24px; } }

/* Le bloc Gutenberg <h1> dupliquerait le titre déjà affiché dans le header
   au-dessus — on le masque sans toucher au contenu réel de la page. */
.em-legal-card > h1:first-child { display:none; }

.em-legal-card h2 {
  font-family:var(--serif); font-weight:500; color:var(--or);
  font-size:clamp(1.2rem,3vw,1.5rem); margin:40px 0 14px;
  letter-spacing:.01em;
}
.em-legal-card h2:first-child { margin-top:0; }

.em-legal-card p {
  font-family:var(--sans); font-weight:300; font-size:15.5px; line-height:1.75;
  color:var(--e4); margin:0 0 16px;
}
.em-legal-card p:empty { display:none; }

.em-legal-card ul { list-style:none; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:9px; }
.em-legal-card li {
  position:relative; padding-left:22px; font-family:var(--sans); font-weight:300;
  font-size:15.5px; line-height:1.6; color:var(--e4);
}
.em-legal-card li::before {
  content:''; position:absolute; left:2px; top:8px; width:6px; height:6px;
  background:var(--or); transform:rotate(45deg);
}

.em-legal-card a {
  color:var(--or); text-decoration:none; border-bottom:1px solid var(--or-bd);
  transition:border-color .25s var(--ease), color .25s var(--ease);
}
.em-legal-card a:hover { color:var(--f0); border-color:var(--or); }

.em-legal-card strong { color:var(--e1); font-weight:500; }

/* Mention discrète (ex. nom du représentant légal) — présente pour la
   conformité LCEN mais volontairement moins visible que le reste du
   contenu : petite taille, couleur atténuée, pas de gras. */
.em-legal-card .em-legal-fine {
  font-size:12px; color:var(--e5); margin:-8px 0 16px;
}