/* Filet fin sous le header */
.site-header-row-container-inner {
  border-bottom: 0.5px solid #1a1a1a;
}

/* Espacement des lettres du menu (si la typo ne le prend pas) */
.header-navigation .menu-item > a {
  letter-spacing: 0.5px;
}

/* Cartes solutions : filet pastel en haut (optionnel, look maquette) */
/* À adapter selon les classes réelles des blocs */
/* ===== Formulaire Jetpack — charte Carbone Sécurité ===== */

/* Police DM Sans sur tout le formulaire */
.wp-block-jetpack-contact-form,
.wp-block-jetpack-contact-form input,
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-contact-form label,
.wp-block-jetpack-contact-form button {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* Libellés */
.wp-block-jetpack-contact-form label {
  color: #aaa !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 6px !important;
}

/* Champs : fond sombre, bordure fine, coins arrondis */
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="tel"],
.wp-block-jetpack-contact-form input[type="url"],
.wp-block-jetpack-contact-form textarea {
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  transition: border-color .2s ease !important;
  box-shadow: none !important;
}

/* Champ actif : bordure violette */
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus {
  border-color: #c792ea !important;
  outline: none !important;
}

/* Texte d'exemple */
.wp-block-jetpack-contact-form input::placeholder,
.wp-block-jetpack-contact-form textarea::placeholder {
  color: #555 !important;
}

/* Bouton d'envoi : style pastel arrondi comme tes CTA */
.wp-block-jetpack-contact-form button[type="submit"] {
  background: #c792ea !important;
  color: #0a0a0a !important;
  border: none !important;
  border-radius: 40px !important;
  padding: 13px 30px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
}
.wp-block-jetpack-contact-form button[type="submit"]:hover {
  background: #d8aef0 !important;
}
/* ============================================================
   CSS PARTAGÉ — PAGES VILLES Carbone Sécurité
   À coller UNE SEULE FOIS dans Personnaliser → CSS additionnel
   (à la suite de ton CSS du formulaire). Ensuite, chaque page
   ville n'est qu'un bloc de contenu court, sans <style>.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=DM+Sans:wght@400;500&display=swap');

.cs-page { --serif:'Playfair Display',Georgia,serif; --sans:'DM Sans',-apple-system,sans-serif;
  --violet:#c792ea; --bleu:#89cff0; --vert:#89cfb0; --rose:#f8b4c8; --jaune:#f0d58c;
  font-family:var(--sans); background:#0a0a0a; color:#888; line-height:1.6; }
.cs-page * { box-sizing:border-box; }
.cs-page .cs-wrap { max-width:1080px; margin:0 auto; padding:0 24px; }
.cs-page .eyebrow { color:#555; font-size:11px; letter-spacing:3px; margin:0 0 16px; text-transform:uppercase; }
.cs-page h2.cs-h { color:#fff; font-family:var(--serif); font-weight:400; font-size:26px; line-height:1.4; margin:0 0 12px; }
.cs-page h2.cs-h em { font-style:italic; }
.cs-page a { text-decoration:none; }

.cs-page .cs-hero { text-align:center; padding:90px 24px 40px; position:relative; overflow:hidden; }
.cs-page .cs-hero h1 { color:#fff; font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.3; margin:0 0 18px; max-width:760px; margin-left:auto; margin-right:auto; }
.cs-page .cs-hero h1 em { font-style:italic; color:var(--violet); }
.cs-page .cs-hero p.sub { color:#888; font-size:15px; max-width:640px; margin:0 auto; line-height:1.8; }
.cs-page .cs-glow1 { position:absolute; top:-30%; left:-8%; width:320px; height:320px; background:radial-gradient(circle,rgba(199,146,234,0.07),transparent 70%); border-radius:50%; }
.cs-page .cs-glow2 { position:absolute; bottom:-25%; right:-5%; width:280px; height:280px; background:radial-gradient(circle,rgba(137,207,240,0.06),transparent 70%); border-radius:50%; }

.cs-page .cs-btn { display:inline-block; font-size:14px; padding:13px 26px; border-radius:40px; transition:.2s; }
.cs-page .cs-btn-main { background:var(--violet); color:#0a0a0a; font-weight:500; }
.cs-page .cs-btn-main:hover { background:#d8aef0; }
.cs-page .cs-btn-ghost { color:#fff; border:1px solid rgba(255,255,255,0.25); }
.cs-page .cs-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:30px; position:relative; }

.cs-page .cs-sec { padding:60px 0; border-top:0.5px solid #1a1a1a; }
.cs-page .cs-sec.alt { background:#0f0f0f; }
.cs-page .cs-center { text-align:center; }

.cs-page .cs-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cs-page .cs-grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cs-page .cs-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cs-page .cs-card { background:#141414; border-radius:14px; padding:30px; border-top:2px solid; display:flex; flex-direction:column; }
.cs-page .cs-card .lbl { font-size:11px; letter-spacing:2px; margin:0 0 10px; }
.cs-page .cs-card h3 { color:#fff; font-family:var(--serif); font-size:18px; font-weight:400; margin:0 0 12px; }
.cs-page .cs-card p { color:#666; font-size:13px; line-height:1.7; margin:0 0 16px; }
.cs-page .cs-card .more { font-size:12.5px; margin-top:auto; }
.cs-page .cs-feat { background:#141414; border-radius:14px; padding:24px; }
.cs-page .cs-feat .dot { width:28px; height:3px; border-radius:2px; margin-bottom:14px; }
.cs-page .cs-feat h3 { color:#fff; font-family:var(--serif); font-size:16px; font-weight:400; margin:0 0 10px; }
.cs-page .cs-feat p { color:#666; font-size:12.5px; line-height:1.7; margin:0; }
.cs-page .cs-prof { background:#111; border-radius:12px; padding:24px; border-left:3px solid; }
.cs-page .cs-prof h3 { color:#fff; font-size:15px; font-weight:500; margin:0 0 8px; }
.cs-page .cs-prof p { color:#666; font-size:12.5px; line-height:1.7; margin:0; }
.cs-page .cs-step .num { font-family:var(--serif); font-size:30px; margin:0 0 8px; }
.cs-page .cs-step h3 { color:#fff; font-size:14px; font-weight:500; margin:0 0 8px; }
.cs-page .cs-step p { color:#666; font-size:12.5px; line-height:1.7; margin:0; }
.cs-page .cs-faq details { border-bottom:0.5px solid #1a1a1a; padding:18px 0; }
.cs-page .cs-faq summary { color:#fff; font-size:15px; cursor:pointer; list-style:none; position:relative; padding-right:30px; }
.cs-page .cs-faq summary::-webkit-details-marker { display:none; }
.cs-page .cs-faq summary::after { content:'+'; position:absolute; right:0; color:var(--violet); font-size:20px; }
.cs-page .cs-faq details[open] summary::after { content:'−'; }
.cs-page .cs-faq p { color:#777; font-size:13.5px; line-height:1.8; margin:14px 0 0; }
.cs-page .cs-cta { text-align:center; padding:70px 24px; border-top:0.5px solid #1a1a1a; }
.cs-page .cs-cta h2 { color:#fff; font-family:var(--serif); font-weight:400; font-size:28px; margin:0 0 10px; }
.cs-page .cs-cta h2 em { color:var(--vert); font-style:italic; }
.cs-page .cs-cta .meta { color:#555; font-size:13px; margin:0 0 26px; }
.cs-page .cs-cta .tel { color:#555; font-size:13px; margin-top:18px; }
.cs-page .cs-cta .tel a { color:#888; }

@media (max-width:768px){
  .cs-page .cs-hero h1 { font-size:27px; }
  .cs-page .cs-grid3, .cs-page .cs-grid4, .cs-page .cs-grid2 { grid-template-columns:1fr; }
  .cs-page .cs-sec { padding:46px 0; }
}
/* ============================================================
   BLOG EN CHARTE NOIR/PASTEL — Carbone Sécurité (thème Kadence)
   À coller dans Personnaliser → CSS additionnel, à la suite du
   reste de ton CSS. S'applique à la page liste (/blog/), aux pages
   catégories/archives ET à tous les articles (présents et futurs).

   Si un élément reste mal stylé, envoie-moi une capture : les
   classes peuvent varier légèrement selon ta version de Kadence.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@400;500&display=swap');

/* ---- Fond sombre sur les pages blog / archives / article ---- */
body.blog,
body.archive,
body.single-post {
  background: #0a0a0a;
}

body.blog #inner-wrap,
body.archive #inner-wrap,
body.single-post #inner-wrap,
body.blog .content-area,
body.archive .content-area,
body.single-post .content-area,
body.blog #main,
body.archive #main,
body.single-post #main,
body.blog .site-main,
body.archive .site-main,
body.single-post .site-main {
  background: #0a0a0a !important;
  color: #cccccc;
}

/* ---- Titres ---- */
body.blog .entry-title,
body.archive .entry-title,
body.single-post .entry-title,
body.archive .archive-title,
body.blog .page-title,
body.archive .page-title,
body.single-post .entry-title,
body.single-post h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}

body.blog .entry-title a,
body.archive .entry-title a {
  color: #ffffff !important;
}
body.blog .entry-title a:hover,
body.archive .entry-title a:hover {
  color: #c792ea !important;
}

/* ---- Corps de texte ---- */
body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li,
body.blog .entry-summary,
body.archive .entry-summary,
body.blog .entry-content,
body.archive .entry-content {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  color: #cccccc !important;
  line-height: 1.8;
}

/* ---- Liens dans le contenu (renforcé pour la lisibilité) ---- */
body.single-post .entry-content a,
body.single-post .entry-content a:link,
body.single-post .entry-content a:visited,
body.blog .entry-content a,
body.blog .entry-summary a,
body.archive .entry-content a,
body.archive .entry-summary a {
  color: #c792ea !important;
  text-decoration: underline !important;
  text-decoration-color: #c792ea !important;
  text-underline-offset: 3px;
}
body.single-post .entry-content a *,
body.blog .entry-content a *,
body.archive .entry-content a * {
  color: #c792ea !important;
}
body.single-post .entry-content a:hover,
body.single-post .entry-content a:focus,
body.blog .entry-content a:hover,
body.archive .entry-content a:hover {
  color: #f8b4c8 !important;
  text-decoration-color: #f8b4c8 !important;
}

/* ---- Cartes d'articles (liste / archives) ---- */
body.blog .loop-entry .entry-content-wrap,
body.archive .loop-entry .entry-content-wrap,
body.blog article.entry .entry-content-wrap,
body.archive article.entry .entry-content-wrap,
body.blog .content-bg.loop-entry,
body.archive .content-bg.loop-entry {
  background: #141414 !important;
  border: 1px solid #1f1f1f;
  border-radius: 14px;
  overflow: hidden;
}

/* ---- Méta (date, auteur, catégories) ---- */
body.blog .entry-meta,
body.archive .entry-meta,
body.single-post .entry-meta,
body.blog .entry-meta a,
body.archive .entry-meta a,
body.single-post .entry-meta a,
body.blog .entry-taxonomies a,
body.archive .entry-taxonomies a,
body.single-post .entry-taxonomies a {
  color: #888888 !important;
  font-family: 'DM Sans', sans-serif !important;
}
body.blog .entry-meta a:hover,
body.archive .entry-meta a:hover,
body.single-post .entry-meta a:hover {
  color: #c792ea !important;
}

/* ---- Bouton « Lire la suite » ---- */
body.blog .post-readmore,
body.archive .post-readmore,
body.blog .entry-content .button,
body.archive .entry-content .button {
  background: #c792ea !important;
  color: #0a0a0a !important;
  border: none !important;
  border-radius: 40px !important;
  padding: 10px 22px !important;
}
body.blog .post-readmore:hover,
body.archive .post-readmore:hover {
  background: #d8aef0 !important;
}

/* ---- Titre de page archive / en-tête ---- */
body.archive .archive-header,
body.blog .page-header,
body.archive .page-header {
  background: #0a0a0a !important;
  border-bottom: 1px solid #1a1a1a;
}

/* ---- Barre latérale (si présente) ---- */
body.blog .primary-sidebar,
body.archive .primary-sidebar,
body.single-post .primary-sidebar,
body.blog .widget,
body.archive .widget,
body.single-post .widget {
  background: #0f0f0f !important;
  color: #cccccc !important;
}
body.blog .widget-title,
body.archive .widget-title,
body.single-post .widget-title {
  color: #ffffff !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* ---- Pagination ---- */
body.blog .pagination a,
body.archive .pagination a,
body.blog .pagination .current,
body.archive .pagination .current {
  background: #141414 !important;
  color: #cccccc !important;
  border-radius: 8px !important;
}
body.blog .pagination .current,
body.archive .pagination .current {
  background: #c792ea !important;
  color: #0a0a0a !important;
}

/* ---- Navigation entre articles (article précédent/suivant) ---- */
body.single-post .post-navigation a,
body.single-post .nav-links a {
  color: #cccccc !important;
}
body.single-post .post-navigation a:hover {
  color: #c792ea !important;
}

/* ---- Zone commentaires ---- */
body.single-post #comments,
body.single-post .comment-body {
  color: #cccccc !important;
}
body.single-post #comments h2,
body.single-post #comments h3 {
  color: #ffffff !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}
/* ============================================================
   HEADER + FOOTER — finitions charte — Carbone Sécurité (Kadence)
   À coller dans Personnaliser → CSS additionnel, à la suite du reste.
   ============================================================ */

/* ---------- HEADER ---------- */

/* Trait fin de séparation sous le header (le détache du contenu) */
#masthead,
.site-header {
  border-bottom: 1px solid #1a1a1a;
}

/* Bouton Contact : violet PLEIN (supprime le dégradé "bonbon") */
.site-header .header-button,
.site-header-item .kb-button,
.site-header-item .button,
#masthead a.button,
#masthead .header-button {
  background: #c792ea !important;
  background-image: none !important;
  color: #0a0a0a !important;
  border: none !important;
  border-radius: 40px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.site-header .header-button:hover,
#masthead a.button:hover,
#masthead .header-button:hover {
  background: #d8aef0 !important;
  color: #0a0a0a !important;
}

/* Téléphone dans le header (si tu ajoutes l'élément HTML — voir consignes) */
.cs-header-tel {
  color: #ffffff;
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.cs-header-tel:hover { color: #c792ea; }

/* ---------- FOOTER ---------- */

/* Trait fin en haut du footer + plus d'air */
#colophon,
.site-footer {
  border-top: 1px solid #1a1a1a;
}
.site-footer .site-middle-footer-inner-wrap,
.site-footer .site-footer-row-container-inner {
  padding-top: 48px !important;
  padding-bottom: 24px !important;
}

/* Survol des liens du footer (passent en rose, comme le reste) */
.site-footer a:hover {
  color: #f8b4c8 !important;
}

/* Icônes réseaux sociaux : gris → blanc au survol */
.site-footer .social-button,
.site-footer .footer-social-wrap a {
  color: #888 !important;
}
.site-footer .social-button:hover,
.site-footer .footer-social-wrap a:hover {
  color: #ffffff !important;
}
/* ============================================================
   PAGES LEGALES EN CHARTE NOIR/PASTEL - Carbone Securite (Kadence)
   Pour : Mentions legales + Politique de confidentialite
   (le CONTENU existant est conserve, on ne change que l'habillage)

   A coller dans Personnaliser -> CSS additionnel, a la suite du reste.

   >>> REMPLACE les deux numeros 100001 et 100002 par les IDs de tes
       deux pages.
       Pour trouver l'ID : Pages -> Modifier la page -> dans l'URL,
       le numero apres "post=" (ex. post=248 -> tu mets 248).
       Astuce : fais Rechercher/Remplacer "100001" puis "100002".
       (Si tu laisses les numeros tels quels, rien ne casse : le style
        ne s'appliquera simplement pas tant que les vrais IDs ne sont
        pas mis.)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500&family=DM+Sans:wght@400;500&display=swap');

/* ---- Fond sombre sur la zone de contenu ---- */
body.page-id-100001,
body.page-id-100002 {
  background: #0a0a0a;
}

body.page-id-100001 .content-area,
body.page-id-100002 .content-area,
body.page-id-100001 #main,
body.page-id-100002 #main,
body.page-id-100001 .site-main,
body.page-id-100002 .site-main,
body.page-id-100001 .entry-content,
body.page-id-100002 .entry-content,
body.page-id-100001 .entry-content-wrap,
body.page-id-100002 .entry-content-wrap {
  background: #0a0a0a !important;
  color: #cccccc !important;
}

/* ---- Titre de la page + sous-titres ---- */
body.page-id-100001 .entry-title,
body.page-id-100002 .entry-title,
body.page-id-100001 h1,
body.page-id-100002 h1,
body.page-id-100001 .entry-content h2,
body.page-id-100002 .entry-content h2,
body.page-id-100001 .entry-content h3,
body.page-id-100002 .entry-content h3,
body.page-id-100001 .entry-content h4,
body.page-id-100002 .entry-content h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}

/* ---- Corps de texte ---- */
body.page-id-100001 .entry-content,
body.page-id-100002 .entry-content,
body.page-id-100001 .entry-content p,
body.page-id-100002 .entry-content p,
body.page-id-100001 .entry-content li,
body.page-id-100002 .entry-content li,
body.page-id-100001 .entry-content td,
body.page-id-100002 .entry-content td {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  color: #cccccc !important;
  line-height: 1.8;
}

/* ---- Liens (uniquement dans le contenu de ces 2 pages) ---- */
body.page-id-100001 .entry-content a,
body.page-id-100002 .entry-content a {
  color: #c792ea !important;
  text-decoration: underline !important;
  text-decoration-color: #c792ea !important;
  text-underline-offset: 3px;
}
body.page-id-100001 .entry-content a:hover,
body.page-id-100002 .entry-content a:hover {
  color: #f8b4c8 !important;
  text-decoration-color: #f8b4c8 !important;
}

/* ---- En-tete de page (si bandeau titre affiche par le theme) ---- */
body.page-id-100001 .entry-hero,
body.page-id-100002 .entry-hero,
body.page-id-100001 .page-header,
body.page-id-100002 .page-header {
  background: #0a0a0a !important;
  border-bottom: 1px solid #1a1a1a;
}
/* ============================================================
   MENU MOBILE LISIBLE — Carbone Sécurité (Kadence)
   À coller dans Personnaliser → CSS additionnel, à la suite du reste.
   Force le texte du menu déroulant mobile en blanc sur fond sombre.
   ============================================================ */

/* Fond du menu mobile déroulant */
.mobile-toggle-open-container,
.menu-toggle-open .mobile-navigation,
.mobile-navigation,
#mobile-drawer .drawer-inner,
.popup-drawer .drawer-inner {
  background: #0a0a0a !important;
}

/* Liens du menu mobile : blanc, bien visibles */
.mobile-navigation ul li a,
#mobile-drawer .menu li a,
.popup-drawer .menu li a,
.mobile-navigation .menu-item a {
  color: #ffffff !important;
}

/* Survol / élément actif */
.mobile-navigation ul li a:hover,
.mobile-navigation .current-menu-item > a,
#mobile-drawer .menu li a:hover {
  color: #c792ea !important;
}

/* Sous-menus (ex. "Nos solutions") */
.mobile-navigation .sub-menu li a,
#mobile-drawer .sub-menu li a {
  color: #cccccc !important;
}

/* Séparateurs entre les éléments du menu mobile */
.mobile-navigation ul li,
#mobile-drawer .menu li {
  border-bottom: 1px solid #1a1a1a !important;
}

/* Icône burger (les 3 traits) en blanc */
.menu-toggle .menu-toggle-icon,
.mobile-toggle .menu-toggle-icon,
button.menu-toggle .kadence-svg-iconset,
.mobile-toggle-open .menu-toggle-icon {
  color: #ffffff !important;
}

/* Croix de fermeture du menu mobile en blanc */
.drawer-content .pp-drawer-toggle-close,
#mobile-drawer .drawer-header .toggle-close,
.popup-drawer .toggle-close {
  color: #ffffff !important;
}
/* ============================================================
   PAGES LEGALES EN CHARTE NOIR/PASTEL - Carbone Securite (Kadence)
   Pour : Mentions legales (ID 123) + Politique de confidentialite (ID 126)
   Le CONTENU existant est conserve, on ne change que l'habillage.

   >>> VERSION FINALE, prete a coller dans Personnaliser -> CSS additionnel
       (a la suite du reste de ton CSS). Rien a modifier.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500&family=DM+Sans:wght@400;500&display=swap');

/* ---- Fond sombre sur la zone de contenu ---- */
body.page-id-123,
body.page-id-126 {
  background: #0a0a0a;
}

body.page-id-123 .content-area,
body.page-id-126 .content-area,
body.page-id-123 #main,
body.page-id-126 #main,
body.page-id-123 .site-main,
body.page-id-126 .site-main,
body.page-id-123 .entry-content,
body.page-id-126 .entry-content,
body.page-id-123 .entry-content-wrap,
body.page-id-126 .entry-content-wrap {
  background: #0a0a0a !important;
  color: #cccccc !important;
}

/* ---- Titre de la page + sous-titres ---- */
body.page-id-123 .entry-title,
body.page-id-126 .entry-title,
body.page-id-123 h1,
body.page-id-126 h1,
body.page-id-123 .entry-content h2,
body.page-id-126 .entry-content h2,
body.page-id-123 .entry-content h3,
body.page-id-126 .entry-content h3,
body.page-id-123 .entry-content h4,
body.page-id-126 .entry-content h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}

/* ---- Corps de texte ---- */
body.page-id-123 .entry-content,
body.page-id-126 .entry-content,
body.page-id-123 .entry-content p,
body.page-id-126 .entry-content p,
body.page-id-123 .entry-content li,
body.page-id-126 .entry-content li,
body.page-id-123 .entry-content td,
body.page-id-126 .entry-content td {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  color: #cccccc !important;
  line-height: 1.8;
}

/* ---- Liens (uniquement dans le contenu de ces 2 pages) ---- */
body.page-id-123 .entry-content a,
body.page-id-126 .entry-content a {
  color: #c792ea !important;
  text-decoration: underline !important;
  text-decoration-color: #c792ea !important;
  text-underline-offset: 3px;
}
body.page-id-123 .entry-content a:hover,
body.page-id-126 .entry-content a:hover {
  color: #f8b4c8 !important;
  text-decoration-color: #f8b4c8 !important;
}

/* ---- En-tete de page (si bandeau titre affiche par le theme) ---- */
body.page-id-123 .entry-hero,
body.page-id-126 .entry-hero,
body.page-id-123 .page-header,
body.page-id-126 .page-header {
  background: #0a0a0a !important;
  border-bottom: 1px solid #1a1a1a;
}
/* ============================================================
   POLICES HEADER + FOOTER — Carbone Sécurité (Kadence)
   À coller dans Personnaliser → CSS additionnel, à la suite du reste.
   Aligne le header et le footer sur les polices du site :
   - Titres → Playfair Display
   - Menu, liens, texte courant → DM Sans
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500&family=DM+Sans:wght@400;500;600&display=swap');

/* ---------- HEADER ---------- */

/* Menu principal + bouton + éléments du header en DM Sans */
#masthead,
.site-header,
.site-header .menu li a,
.site-header .header-button,
.site-header .site-header-item,
#masthead .menu li a,
.cs-header-tel {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* Sous-menus (déroulants) en DM Sans aussi */
.site-header .sub-menu li a,
#masthead .sub-menu li a {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* ---------- FOOTER ---------- */

/* Tout le footer en DM Sans par défaut (texte, liens, adresse, villes) */
#colophon,
.site-footer,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer span {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* Les TITRES de colonnes du footer en Playfair Display */
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title,
.site-footer .footer-widget-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
}
/* ============================================================
   PONT-DE-BEAUVOISIN (ID 1260) — masquer le titre (version prudente)
   Carbone Securite (Kadence)
   A coller dans Personnaliser -> CSS additionnel, a la suite du reste.
   NE TOUCHE QU'AU CONTENU DE LA PAGE (jamais au header/footer).
   ============================================================ */

/* Masquer UNIQUEMENT le titre de la page, a l'interieur de la zone de contenu.
   On prefixe par .content-area / .site-main pour ne JAMAIS viser le header. */
body.page-id-1260 .content-area .entry-title,
body.page-id-1260 .site-main .entry-title,
body.page-id-1260 .content-area .page-title,
body.page-id-1260 .site-main .page-title {
  display: none !important;
}

/* Reduire l'espace laisse en haut du contenu (sans toucher aux wrappers globaux) */
body.page-id-1260 .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}