/* ─── BASE GÉNÉRALE ─────────────────────────────────────── */
body {
  font-family: "Outfit",sans-serif !important;
  font-size: 1rem;
  margin: 0;
  padding: 0 2rem;
  background-color: #FFFFFF;
  color: #121212;
  line-height: 1.5;
}



.faq-wrapper,
.faq-container {
  max-width: 1000px;
  margin: 0 auto;
}


/* ─── TITRE & INTRO COMMUNS ─────────────────────────────── */
.faq-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #e88c2f;
  margin: 3rem 0 0.5rem;
}

.faq-intro {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

/* ─── BOUTONS COMMUNS (.faq-button) ─────────────────────── */
.faq-button {
  font-size: 1rem;
  background: #f4a12e;
  color: #000;
  font-weight: 700;
  padding: 0.9rem 1.6rem;
  border: none;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
  white-space: nowrap;
}

.faq-button:hover {
  background: #000;
  color: #f4a12e;
}

.faq-row {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  width: 100%; /* Ajout pour forcer un retour à la ligne */
}

/* → Boutons catégorie (page index) */
.faq-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 2rem;
  margin-bottom: 3rem;
}

.faq-categories .faq-button {
  position: relative;
}

/* suppression des flèches décoratives index (validé par toi) */
/* .faq-categories .faq-button::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #f4a12e;
}
.faq-categories .faq-button:hover::after {
  border-top-color: #000;
} */

/* ─── Bouton retour (catégories) ─────────────────────────── */
.back-wrapper {
  text-align: center;
  margin-top: 2.2rem;
}

.back-wrapper .faq-button::after {
  display: none;
}

/* ─── ACCORDÉON (catégories) ────────────────────────────── */

.faq-block summary {
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  text-align: left;
  padding-left: 0.2rem;
}

.faq-block summary::-webkit-details-marker {
  display: none;
}

.faq-block > summary {
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  text-align: left;
  padding-left: 0.2rem;
  color: #5B3721; /* Marron Amagate */
  background: #fff6ee;
  border-left: 6px solid #f4a12e;
  border-radius: 14px;
  padding: 1rem 1rem;
  margin-bottom: 0.7rem;
}

.faq-block > p {
  margin: 0 0 1rem 0;
  padding: 0 1.8rem;
  background: none;
  color: #1f1f1f;
  text-align: left;
}

.faq-block summary:focus,
.faq-block summary:focus-visible {
  outline: none;
}


/* ─── Liens dans les textes FAQ ─────────────────────────── */
.faq-block a {
  color: #fa9d21;
  text-decoration: none;
  transition: color 0.3s ease;
}

.faq-block a:hover {
  color: #000;
}


/* ─── Recherche dans les FAQ ─────────────────────────── */

.faq-search-container {
  margin: 2rem 0;
  text-align: center;
}

#faq-search {
  width: 100%;
  max-width: 600px;
  padding: 0.75rem;
  font-size: 1rem;
}

.faq-search-results {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
  text-align: left;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.faq-search-results li {
  margin-bottom: 0.5rem;
}

.faq-search-results a {
  color: #fa9d21;
  text-decoration: none;
}

/* ─── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 700px) {
  .faq-categories {
    flex-direction: column;
    align-items: center;
  }
}

/* ───────── STYLE ÉCRAN ───────── */
/* ───── MASQUER l'entête à l'écran ───── */
.cgv-header {
  display: none;
}

.print-btn{
  display:inline-block;
  margin:0 0 2rem;
  padding:.6rem 1.2rem;
  background:#f4a12e;   color:#000;
  border:none; border-radius:8px; font-weight:700;
  cursor:pointer; transition:.3s;
}
.print-btn:hover{
	background:#000; color:#f4a12e;
}

/* On ne montre PAS les mentions légales à l’écran */
.mentions-legales {
  display: none !important;
}

/* ───── Empêcher Safari de détecter les numéros comme des téléphones ───── */
body {
  -webkit-touch-callout: none;
  -webkit-user-select: text;
}

a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none;
  cursor: default;
}

/* ───────── STYLE IMPRESSION ───────── */
/* ───── Affichage uniquement à l'impression ───── */
@media print {
  .cgv-header {
    display: block !important;
    text-align: center;
    margin: 0 0 1.5rem;
  }

  .cgv-header h1 {
    font-size: 12pt;
    margin: 0 0 0.3rem;
    color: #000;
  }

  .cgv-header .cgv-date {
    font-size: 10pt;
    font-style: italic;
    color: #000;
  }

  /* taille globale plus petite */
  body        { font-size:10pt; }
  h1,h2,h3    { font-size:12pt; margin:.3em 0 .3em; }

  /* on masque le bouton */
  .print-btn  { display:none !important; }

  /* l’entête reste, mais plus compact */
  .cgv-header h1{ font-size:12pt; color:#000; }
  .cgv-header .cgv-date{ font-size:10pt; }

  /* pied de page fixé, répété sur chaque feuille */
 body {
    padding-bottom: 3.5cm !important; /* Réserve de l’espace en bas pour le footer */
    margin-bottom: 0 !important;
  }

.no-print {
    display: none !important;
  }

  .mentions-legales {
    display: block !important;
    font-size: 9pt;
    color: #444;
    background: white;
    text-align: center;
    padding: 10px 0 0;
    margin-top: 2.5cm;
    /* NE PAS utiliser position: fixed ici */
  }

}