/* ===== HEADER IMAGE ===== */

/* Desktop : base (pleine largeur) */
.header-image {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    overflow: hidden !important;
}

.header-image a {
    width: 100% !important;
    display: block !important;
}

.header-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Mobile : surcharge la hauteur */
@media (max-width: 768px) {
    .header-image img {
        height: 70px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* Tablette */
@media (min-width: 769px) and (max-width: 1024px) {
    .header-image img {
        height: 180px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* ===== FAQ ===== */
.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;
}
*/