.faq-container {
	max-width: 700px;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

details {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 10px;
	padding: 0 16px;
	background: #f7f7f7;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	transition: background-color .3s ease;
}

details[open] {
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

summary {
	font-weight: 600;
	font-size: 16px;
	list-style: none;
	padding: 16px 0;
	outline: none;
}

summary::-webkit-details-marker {
	display: none;
}

summary::after {
	content: '+';
	float: right;
	font-size: 20px;
	transition: transform .3s ease;
}

details[open] summary::after {
	content: '-';
}

.faq-answer {
	padding: 10px 0 20px;
	border-top: 1px solid #ddd;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}


/* Cache le titre sur la page About (ID 98) — plusieurs versions pour tous les thèmes */

/* Version 1 : thème standard (Twenty Twenty etc.) */
.page-id-98 .entry-title { display: none !important; }
.page-id-98 .entry-header { display: none !important; }
.page-id-98 .entry-content { margin-top: 0 !important; padding-top: 0 !important; }

/* Version 2 : thème avec "page-title" */
.page-id-98 .page-title { display: none !important; }
.page-id-98 .page-header { display: none !important; }

/* Version 3 : thème avec "post-title" */
.page-id-98 .post-title { display: none !important; }
.page-id-98 .post-header { display: none !important; }

/* Version 4 : thème avec h1 comme titre */
.page-id-98 h1.entry-title { display: none !important; }
.page-id-98 h1.page-title { display: none !important; }

/* Version 5 : enlève l'espace du contenu principal */
.page-id-98 .site-main { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-98 #primary { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-98 .content-area { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-98 #content { padding-top: 0 !important; margin-top: 0 !important; }

/* ============================================
   Enlève l'espace blanc en haut de la page About (ID 98)
   ============================================ */

/* Enlève le padding/margin du contenu principal */
.page-id-98 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Enlève l'espace du site-content / content-area */
.page-id-98 .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-98 .content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-98 #primary {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-98 #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Enlève l'espace du wrapper / container */
.page-id-98 .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-98 .main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-98 .container {
    padding-top: 0 !important;
}

.page-id-98 .wrap {
    padding-top: 0 !important;
}

/* Si c'est un espace avant l'article */
.page-id-98 article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Enlève aussi l'espace du header du site si besoin */
.page-id-98 .site-header {
    margin-bottom: 0 !important;
}

/* ============================================
   Enlève le TOUT PETIT espace restant sur la page About (ID 98)
   ============================================ */

/* Enlève TOUT padding/margin sur le premier élément du contenu */
.page-id-98 .entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Enlève le margin du body si besoin */
.page-id-98 body {
    margin-top: 0 !important;
}

/* Enlève tout espace sur le hero lui-même */
.page-id-98 .kb-hero {
    margin-top: 0 !important;
    padding-top: 80px !important; /* réduisez cette valeur si vous voulez encore moins d'espace */
}

/* Enlève tout espace sur le container kb */
.page-id-98 .kb-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Si c'est un espace du thème sur le contenu */
.page-id-98 .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Enlève l'espace après le header du site */
.page-id-98 .site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page-id-98 #masthead {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* ============================================
   Centre les éléments email sur la page About
   ============================================ */

/* 1. Centre la carte de contact */
.page-id-98 .kb-contact-grid {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 420px !important;
    float: none !important;
}

/* 2. Centre le bouton de la bannière partenariat */
.page-id-98 .kb-partner-content {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.page-id-98 .kb-partner-banner .kb-btn {
    display: inline-flex !important;
}

/* 3. Centre aussi le "Response Time" et l'adresse */
.page-id-98 .kb-response-note {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ============================================
   Centre la carte email de la section Contact
   ============================================ */

/* Passe la grille à 1 colonne et centre la carte */
.page-id-98 .kb-contact-grid {
    grid-template-columns: 1fr !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    justify-items: center !important;
}

/* S'assure que la carte elle-même est bien centrée */
.page-id-98 .kb-contact-card {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Centre aussi le titre et le texte au-dessus */
.page-id-98 #kb-contact .kb-text-center {
    text-align: center !important;
}

/* ========== STYLE TITRE DE PAGE PREMIUM ========== */
.entry-title,
.page-title,
.wp-block-post-title,
h1.entry-title,
h1.page-title,
h1.wp-block-post-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif !important;
  font-size: clamp(32px, 6vw, 56px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  text-align: center !important;
  color: #0a2540 !important;
  margin: 0 !important;
  padding: 60px 20px 20px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%) !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Petite barre décorative sous le titre */
.entry-title::after,
.page-title::after,
.wp-block-post-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  margin: 16px auto 0;
  background: linear-gradient(90deg, #6366f1, #06b6d4);
  border-radius: 2px;
  opacity: 0.6;
}

/* Enlève l'espace entre le titre et le hero qui suit */
.entry-title + *,
.page-title + *,
.wp-block-post-title + * {
  margin-top: 0 !important;
}

/* ========== SI TU PRÉFÈRES CACHER LE TITRE ========== */
/* Décommentes la ligne ci-dessous pour cacher complètement le titre : */
/*
.entry-title, .page-title, .wp-block-post-title { display: none !important; }

/* ========== TITRE STYLE PRO — FOND BLANC UNI ========== */
h1.entry-title,
h1.page-title,
h1.wp-block-post-title,
h1.post-title,
h1.title,
.entry-title,
.page-title,
.wp-block-post-title,
.post-title,
.title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif !important;
  font-size: clamp(32px, 6vw, 56px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  color: #0a2540 !important;
  margin: 0 !important;
  padding: 50px 20px 30px !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Petite barre déco sous le titre */
h1.entry-title::after,
h1.page-title::after,
h1.wp-block-post-title::after,
.entry-title::after,
.page-title::after,
.wp-block-post-title::after {
  content: "" !important;
  display: block !important;
  width: 60px !important;
  height: 3px !important;
  margin: 18px auto 0 !important;
  background: linear-gradient(90deg, #6366f1, #06b6d4) !important;
  border-radius: 2px !important;
}
*/