/* ═══════════════════════════════════════════════════════════
   Nomade & Events — pages légales (cgv.html, mentions-legales.html)
   ═══════════════════════════════════════════════════════════ */

body { background: var(--deep); font-family: var(--serif); font-size: 1.15rem; line-height: 1.8; }

/* La nav reste dans le flux de la page (pas de grand hero dessous) */
nav { position: sticky; }

/* ── EN-TÊTE DE PAGE ── */
.hero { padding: 5rem 2rem 3rem; text-align: center; border-bottom: 1px solid rgba(201,169,110,.12); }
.hero h1 { font-family: var(--serif); font-size: clamp(2rem, 5vw, 3rem); font-weight: 300; color: var(--white); letter-spacing: .08em; margin-bottom: .5rem; }
.hero p { font-family: var(--sans); font-size: .75rem; letter-spacing: .2em; color: var(--gold); text-transform: uppercase; }

/* ── CONTENU ── */
.content { max-width: 860px; margin: 0 auto; padding: 3rem 2rem 5rem; }
.content .section { margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(201,169,110,.1); }
.content .section:last-child { border-bottom: none; }

.content h2 { font-family: var(--serif); font-size: 1.5rem; font-weight: 400; color: var(--gold); letter-spacing: .08em; margin-bottom: 1.2rem; padding-bottom: .5rem; border-bottom: 1px solid rgba(201,169,110,.2); }
.content h3 { font-family: var(--sans); font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; color: var(--fog); margin: 1.5rem 0 .6rem; }
.content p { color: var(--white); margin-bottom: 1rem; opacity: .9; }
.content p:last-child { margin-bottom: 0; }
/* Liens soulignés en permanence : repérables même sans distinguer le doré du texte */
.content a { color: var(--gold); text-decoration: underline; text-decoration-color: rgba(201,169,110,.5); text-underline-offset: 3px; }
.content a:hover { text-decoration-color: var(--gold); }
.content .date-maj { font-family: var(--sans); font-size: .75rem; letter-spacing: .15em; color: var(--fog); text-align: center; margin-top: 2rem; }

/* Encadré d'informations */
.info-block { background: rgba(14,76,150,.08); border: 1px solid rgba(201,169,110,.15); border-radius: 6px; padding: 1.5rem; margin: 1rem 0; }
.info-row { display: flex; gap: 1rem; margin-bottom: .5rem; flex-wrap: wrap; }
.info-row:last-child { margin-bottom: 0; }
.info-label { font-family: var(--sans); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; color: var(--gold); min-width: 140px; padding-top: .15rem; }
.info-value { color: var(--white); opacity: .9; }

/* Tableau des conditions d'annulation (CGV) */
.table-scroll { overflow-x: auto; margin: 1rem 0; }   /* sur petit écran, le tableau défile au lieu d'être coupé */
.tableau-annulation { width: 100%; min-width: 480px; border-collapse: collapse; }
.tableau-annulation th { font-family: var(--sans); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; color: var(--gold); padding: .8rem 1rem; text-align: left; border-bottom: 1px solid rgba(201,169,110,.3); }
.tableau-annulation td { padding: .8rem 1rem; border-bottom: 1px solid rgba(201,169,110,.08); color: var(--white); opacity: .9; vertical-align: top; }
.tableau-annulation tr:last-child td { border-bottom: none; }
.tableau-annulation tr:hover td { background: rgba(14,76,150,.08); }
.badge { display: inline-block; padding: .2rem .6rem; border-radius: 20px; font-family: var(--sans); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.badge-green   { background: rgba(34,139,34,.15);  color: #6dbb6d;     border: 1px solid rgba(34,139,34,.2); }
.badge-orange  { background: rgba(201,169,110,.1); color: var(--gold); border: 1px solid rgba(201,169,110,.2); }
.badge-red     { background: rgba(180,60,60,.12);  color: #e07070;     border: 1px solid rgba(180,60,60,.2); }
.badge-darkred { background: rgba(140,20,20,.15);  color: #f08080;     border: 1px solid rgba(140,20,20,.25); }

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .hero { padding: 3rem 1rem 2rem; }
  .content { padding: 2rem 1rem 4rem; }
  .info-label { min-width: 100px; }
  .tableau-annulation th, .tableau-annulation td { padding: .6rem .5rem; }
  .tableau-annulation td { font-size: 1rem; }
}

/* ── IMPRESSION / PDF : fond blanc, texte noir, sans menu ── */
@media print {
  @page { size: A4; margin: 15mm 16mm; }
  nav, .skip-link, .site-footer .footer-links, .site-footer .footer-brand { display: none !important; }
  body { background: #fff; color: #111; font-size: 10pt; line-height: 1.4; }
  .hero { padding: 0 0 4mm; border-bottom: 1px solid #999; }
  .hero h1 { color: #111; font-size: 18pt; margin-bottom: 1mm; }
  .hero p { color: #6b5328; }
  /* Coordonnées de l'entreprise sous le titre (impression uniquement) */
  .hero::after { content: "SIRET 949 852 016 · 22 rue de Bel Air, 17290 Le Thou · 06 28 46 36 16 · contact@nomade-events.fr"; display: block; margin-top: 2mm; font-family: var(--sans); font-size: 8pt; letter-spacing: .03em; color: #555; }
  .content { max-width: none; padding: 4mm 0 0; }
  .content .section { margin-bottom: 4mm; padding-bottom: 2mm; border-bottom: 1px solid #ddd; break-inside: auto; }
  .content h2 { color: #6b5328; font-size: 12pt; border-bottom-color: #ccc; margin-bottom: 2mm; padding-bottom: 1mm; break-after: avoid; }
  .content h3 { color: #444; font-size: 7.5pt; margin: 3mm 0 1mm; break-after: avoid; }
  .content p { margin-bottom: 1.5mm; }
  .content p, .info-value, .tableau-annulation td { color: #222; opacity: 1; }
  .info-block { padding: 2mm 4mm; margin: 2mm 0; }
  .tableau-annulation th, .tableau-annulation td { padding: 1.5mm 3mm; }
  .content a { color: #111; text-decoration: none; }
  .info-block { background: none; border-color: #ccc; }
  .info-label, .tableau-annulation th { color: #6b5328; }
  .table-scroll { overflow: visible; }
  .tableau-annulation { min-width: 0; break-inside: avoid; }
  .tableau-annulation th { border-bottom-color: #999; }
  .tableau-annulation td { border-bottom-color: #ddd; }
  .badge { border-color: #999 !important; background: none !important; color: #222 !important; }
  .content .date-maj { color: #555; }
  .site-footer { background: #fff; border-top: 1px solid #999; padding: 4mm 0 0; }
  .site-footer .footer-copy { color: #555; border: none; margin: 0; padding: 0; }
}