@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&family=Poppins:wght@400;500;600&display=swap');

/* ==========================================================================
   CADAF — page d'accueil vitrine (direction 2a)
   Tout est scopé sous .cadaf-home pour ne pas polluer le reste du site.
   Bootstrap 3.4 fournit la grille ; ce fichier fournit la charte.
   ========================================================================== */

.cadaf-home,
.cadaf-modal{
  /* Charte CADAF */
  --sinopia:#C74A17;
  --sinopia-dark:#A33C12;
  --sinopia-10:#F9EDE8;
  --marine:#253F78;
  --marine-75:#5C6F9A;
  --marine-50:#929FBB;
  --marine-25:#C9CFDD;
  --marine-10:#E9EBF1;
  --texte:#3D4F70;
  --rule:#C9CFDD;

  font-family:'Poppins',Arial,sans-serif;
  font-size:15px;
  line-height:1.7;
  color:var(--marine);
  background:#fff;
}

#espaceAdherent{
  background-color: #d0d0d0;
}

#espaceAdherent .ch-tile-label {
  font-size: 18px;
}

.btnAccesFournisseur{
  font-size: 15px !important;
  text-align: center;
  /* .ch-btn est en inline-flex (libellé à gauche) : text-align seul ne centre pas
     un libellé d'une seule ligne dans un bouton étiré sur toute la largeur. */
  justify-content: center;
}


/* --- Réinitialisations locales (Bootstrap 3 impose ses propres valeurs) --- */
.cadaf-home *,
.cadaf-modal *,
.cadaf-home *:before,
.cadaf-modal *:before,
.cadaf-home *:after,
.cadaf-modal *:after{box-sizing:border-box}
.cadaf-home img,
.cadaf-modal img{max-width:100%;height:auto}
.cadaf-home a,
.cadaf-modal a{color:var(--sinopia);text-decoration:none}
.cadaf-home a:hover,
.cadaf-modal a:hover,
.cadaf-home a:focus,
.cadaf-modal a:focus{color:var(--sinopia-dark);text-decoration:none}
.cadaf-home h1,
.cadaf-modal h1,.cadaf-home h2,.cadaf-home h3,.cadaf-home h4{
  font-family:'Comfortaa',Arial,sans-serif;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--marine);
  margin:0;
}
.cadaf-home p,
.cadaf-modal p{margin:0}
.cadaf-home ul,
.cadaf-modal ul{margin:0;padding:0;list-style:none}
.cadaf-home :focus-visible,
.cadaf-modal :focus-visible{outline:2px solid var(--sinopia);outline-offset:2px}

/* --- Échelle typographique --- */
.cadaf-home .ch-h1{font-size:50px;line-height:1.1}
.cadaf-home .ch-h2{font-size:32px;line-height:1.2}
.cadaf-home .ch-h3,
.cadaf-modal .ch-h3{font-size:24px;line-height:1.2}
.cadaf-home .ch-lead,
.cadaf-modal .ch-lead{font-size:17px;line-height:1.7;color:var(--texte)}
.cadaf-home .ch-body,
.cadaf-modal .ch-body{font-size:16px;line-height:1.65;color:var(--texte)}
.cadaf-home .ch-small,
.cadaf-modal .ch-small{font-size:14px;line-height:1.55;color:var(--texte)}
.cadaf-home .ch-muted,
.cadaf-modal .ch-muted{color:var(--marine-75)}

.cadaf-home #centrale .ch-lead {
  font-size: 20px;
}
/* Sur-titre de section (« § 2 / Produits négociés ») */
.cadaf-home .ch-kicker,
.cadaf-modal .ch-kicker{
  font-family:'Comfortaa',Arial,sans-serif;
  font-weight:700;
  font-size:20px;
  line-height:1.5;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sinopia);
  margin:0;
}

/* --- Structure : sections séparées par un filet marine de 2px --- */
.cadaf-home .ch-section{padding:56px 0;border-bottom:2px solid var(--marine)}
.cadaf-home .ch-section--hero{padding:60px 0 44px;border-bottom:0}
.cadaf-home .ch-section--last{border-bottom:0}
.cadaf-home .ch-rule{border-top:2px solid var(--marine);margin:28px 0 0}

/* --- En-tête --- */
.cadaf-home .ch-header{
  border-bottom:2px solid var(--marine);
  background:#fff;
  padding:14px 0;
}
.cadaf-home .ch-header-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.cadaf-home .ch-logo{
  height:75px;
  width:auto;
  display:block
}
/* Le logo est enveloppé dans un <a> : la marge auto va sur l'élément flex. */
.cadaf-home .ch-header-inner > a:first-child{margin-right:auto}
.cadaf-home .ch-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cadaf-home .ch-nav a{
  font-family:'Comfortaa',Arial,sans-serif;
  font-weight:400;
  font-size:14px;
  color:var(--marine);
}
.cadaf-home .ch-nav a:hover{color:var(--sinopia)}

/* Badge de session (adhérent connecté) */
.cadaf-home .ch-session{
  display:flex;align-items:center;gap:12px;
  padding:9px 16px;background:var(--marine-10);border:2px solid var(--marine);
}
.cadaf-home .ch-session-dot{display:block;width:8px;height:8px;background:var(--sinopia)}
.cadaf-home .ch-session-name{font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:12px}
.cadaf-home .ch-session a{font-size:12px;color:var(--marine-75)}

/* --- Boutons : angles vifs, libellé à gauche --- */
.cadaf-home .ch-btn,
.cadaf-modal .ch-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 24px;border-radius:0;
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:16px;
  border:2px solid transparent;cursor:pointer;
  transition:background .12s ease,color .12s ease,border-color .12s ease;
}
.cadaf-home .ch-btn--sm,
.cadaf-modal .ch-btn--sm{padding:11px 18px;font-size:12.5px}
.cadaf-home .ch-btn--block,
.cadaf-modal .ch-btn--block{display:flex;width:100%;justify-content:flex-start}
.cadaf-home .ch-btn-primary,
.cadaf-modal .ch-btn-primary{background:var(--sinopia);border-color:var(--sinopia);color:#fff}
.cadaf-home .ch-btn-primary:hover,
.cadaf-modal .ch-btn-primary:hover,
.cadaf-home .ch-btn-primary:focus,
.cadaf-modal .ch-btn-primary:focus{background:var(--sinopia-dark);border-color:var(--sinopia-dark);color:#fff}
.cadaf-home .ch-btn-outline,
.cadaf-modal .ch-btn-outline{background:#fff;border-color:var(--marine);color:var(--marine)}
.cadaf-home .ch-btn-outline:hover,
.cadaf-modal .ch-btn-outline:hover,
.cadaf-home .ch-btn-outline:focus,
.cadaf-modal .ch-btn-outline:focus{background:var(--marine);color:#fff}
/* Bouton "à venir" : pas encore d'action derrière, on l'affiche mais on le neutralise */
.cadaf-home .ch-btn--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

/* --- Bandeau photo --- */
.cadaf-home .ch-hero-band{
  border-top:2px solid var(--marine);
  border-bottom:2px solid var(--marine);
  height:320px;background:var(--marine-10);overflow:hidden;
}
.cadaf-home .ch-hero-band img{width:100%;height:100%;object-fit:cover;display:block}

/* --- Chiffres clés --- */
.cadaf-home .ch-stats{display:flex;border-bottom:2px solid var(--marine)}
.cadaf-home .ch-stat{flex:1;padding:26px 32px;border-right:1px solid var(--rule)}
.cadaf-home .ch-stat:last-child{border-right:0}
.cadaf-home .ch-stat-label{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:11px;line-height:1.4;
  letter-spacing:.12em;text-transform:uppercase;color:var(--marine-75);
}
.cadaf-home .ch-stat-value{
  margin-top:12px;
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:42px;line-height:1;
  letter-spacing:-.02em;color:var(--sinopia);
}

/* --- Liste numérotée des objectifs --- */
.cadaf-home .ch-numlist{border-top:1px solid var(--rule)}
.cadaf-home .ch-numlist li{
  display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);
}
.cadaf-home .ch-numlist .n{
  flex:0 0 56px;
  font-family:'Comfortaa',Arial,sans-serif;
  font-weight:700;
  font-size:20px;
  line-height:1.5;
  color:var(--sinopia);
}
.cadaf-home .ch-numlist .t{
  font-size: 19px;
  line-height: 1.6;
}

/* --- Fiches produit --- */
.cadaf-home .ch-prod{
  border: 1px solid var(--marine);
  /* border:1px solid var(--rule); */
  display:flex;flex-direction:column;height:100%;
  margin-bottom:16px;background:#fff;
  transition:background .12s ease;
}
.cadaf-home .ch-prod:hover{background:var(--marine-10)}
.cadaf-home .ch-prod-media{
  aspect-ratio:4 / 3;
  background: #F7F8FA;
  overflow: hidden;
  border-bottom: 1px solid var(--marine);
}
.cadaf-home .ch-prod-media img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.cadaf-home .ch-prod-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.cadaf-home .ch-prod-ref{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--marine-75);
}
.cadaf-home .ch-prod-name{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.25;
}
/* Verrou : détail réservé aux adhérents */
.cadaf-home .ch-locked{
  margin-top:auto;padding-top:10px;border-top:1px dashed var(--rule);
  display:flex;align-items:center;gap:8px;
  font-size:11.5px;line-height:1.35;color:var(--marine-75);
}
.cadaf-home .ch-prod-link{
  margin-top:auto;padding-top:10px;border-top:1px dashed var(--rule);
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:12px;
}
/* Carte « besoin hors catalogue » */
.cadaf-home .ch-prod--cta{border-color:var(--sinopia);background:var(--sinopia-10)}
.cadaf-home .ch-prod--cta:hover{background:var(--sinopia-10)}

/* --- Fiches produit : retournement (adhérents habilités uniquement) ---------
   Même charte que .ch-prod (recto = carte inchangée) ; le verso révèle la liste
   des fournisseurs négociés pour ce thème, sans jamais changer la hauteur de la
   carte ni décaler ses voisines (recto/verso superposés en position absolute). */
.cadaf-home .ch-prod-flip{
  height:100%;
  perspective:1600px;
  border: 1px solid var(--marine);
  margin-bottom: 15px;
}

.cadaf-home .ch-prod-flip.is-flipped .ch-prod{
  border: 0;
}


.cadaf-home .ch-prod-flip-inner{
  position:relative;height:100%;min-height:280px;
  transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.4,.2,.2,1);
}
.cadaf-home .ch-prod-flip.is-flipped .ch-prod-flip-inner{transform:rotateY(180deg)}
.cadaf-home .ch-prod-face{
  position:absolute;inset:0;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
}
.cadaf-home .ch-prod-face--back{
  transform:rotateY(180deg);
  display:flex;flex-direction:column;overflow-y:auto;
}
.cadaf-home .ch-prod-flip-trigger{
  -webkit-appearance:none;appearance:none;
  border:0;margin:0;padding:0;width:100%;background:#fff;text-align:left;
  font:inherit;color:inherit;cursor:pointer;
}
.cadaf-home .ch-prod-flip-hint{
  margin-top:auto;padding-top:10px;border-top:1px dashed var(--rule);
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:12px;color:var(--sinopia);
}
.cadaf-home .ch-prod-flip-close{
  position:absolute;top:10px;right:10px;z-index:1;
  width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--rule);border-radius:50%;background:#fff;color:var(--marine-75);cursor:pointer;
}
.cadaf-home .ch-prod-flip-close:hover{border-color:var(--marine);color:var(--marine)}
.cadaf-home .ch-prod-face--back .ch-prod-body{padding-top:34px}
.cadaf-home .ch-prod-list li{border-top:1px dashed var(--rule)}
.cadaf-home .ch-prod-list li:first-child{border-top:0}
.cadaf-home .ch-prod-list a{display:block;padding:8px 0;font-size:13px;font-weight:500;color:var(--marine)}
.cadaf-home .ch-prod-list a:hover{color:var(--sinopia)}
@media (prefers-reduced-motion: reduce){
  .cadaf-home .ch-prod-flip-inner{transition:none}
}

/* --- Bloc marché Festool --- */
.cadaf-home .ch-market{border:2px solid var(--marine);display:flex;flex-wrap:wrap;margin-top:20px}
.cadaf-home .ch-market-main{flex:1 1 420px;padding:26px 28px}
.cadaf-home .ch-market-side{
  flex:0 0 320px;border-left:2px solid var(--marine);padding:26px 28px;
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  background:var(--marine-10);
}
.cadaf-home .ch-market-side--granted{background:var(--sinopia-10)}
.cadaf-home .ch-market-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cadaf-home .ch-market-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cadaf-home .ch-tag{
  padding:4px 9px;background:var(--marine);color:#fff;
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:10px;line-height:1.4;
  letter-spacing:.12em;text-transform:uppercase;
}
.cadaf-home .ch-tag--ghost{
  background:transparent;color:var(--marine-75);padding:4px 0;
}
.cadaf-home .ch-market-state{display:flex;align-items:center;gap:9px}
.cadaf-home .ch-market-state-label{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:13px;line-height:1.3;
  color:var(--marine-75);
}
.cadaf-home .ch-market-side--granted .ch-market-state-label{color:var(--sinopia)}

/* --- Bannière énoncé (le seul aplat sinopia de la page) --- */
.cadaf-home .ch-poster{background:var(--sinopia);padding:60px 0}
.cadaf-home .ch-poster h2{
  color:#fff;font-size:54px;line-height:1.05;letter-spacing:-.02em;max-width:19em;
}

/* --- Fiches service --- */
.cadaf-home .ch-serv{border:1px solid var(--rule);margin-bottom:16px;height:100%;background:#fff}
.cadaf-home .ch-serv-media{height:160px;overflow:hidden;border-bottom:1px solid var(--rule)}
.cadaf-home .ch-serv-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1);
}
.cadaf-home .ch-serv-body{padding:18px;display:flex;flex-direction:column;gap:8px}
.cadaf-home .ch-serv-name{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.25;
}

/* --- Tableau gouvernance --- */
.cadaf-home .ch-table{width:100%;border:1px solid var(--rule);border-collapse:collapse}
.cadaf-home .ch-table thead th{
  background:var(--marine);color:#fff;
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:10.5px;line-height:1.4;
  letter-spacing:.12em;text-transform:uppercase;
  padding:12px 20px;text-align:left;border:0;
}
.cadaf-home .ch-table tbody td{
  padding:13px 20px;border-top:1px solid var(--rule);vertical-align:baseline;
  font-size:14px;color:var(--texte);
}
.cadaf-home .ch-table tbody td.role{color:var(--marine-75);font-size:13.5px}
.cadaf-home .ch-table tbody td.nom{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:14.5px;color:var(--marine);
}

/* --- Table de contact (§5) --- */
.cadaf-home .ch-deflist{border-top:2px solid var(--marine);margin-top:28px}
.cadaf-home .ch-deflist > div{
  display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule);
}
.cadaf-home .ch-deflist dt{flex:0 0 130px;font-weight:400;font-size:13px;color:var(--marine-75);margin:0}
.cadaf-home .ch-deflist dd{margin:0;font-size:14px}

/* --- Formulaire d'adhésion --- */
.cadaf-home .ch-form{border:2px solid var(--marine);padding:26px}
.cadaf-home .ch-label,
.cadaf-modal .ch-label{
  display:block;
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--marine-75);
  margin-bottom:6px;
}
.cadaf-home .ch-input,
.cadaf-modal .ch-input{
  display:block;width:100%;padding:11px 13px;
  background:#fff;border:1px solid var(--marine-50);border-radius:0;
  font-family:'Poppins',Arial,sans-serif;font-size:14px;color:var(--marine);
  box-shadow:none;
}
.cadaf-home .ch-input:focus,
.cadaf-modal .ch-input:focus{
  border-color:var(--sinopia);outline:2px solid var(--sinopia);outline-offset:1px;
  box-shadow:none;
}
.cadaf-home textarea.ch-input,
.cadaf-modal textarea.ch-input{resize:vertical;min-height:84px}
.cadaf-home .ch-formrow,
.cadaf-modal .ch-formrow{margin-bottom:16px}

/* Segmenté spécialité */
.cadaf-home .ch-seg,
.cadaf-modal .ch-seg{display:flex;border:1px solid var(--marine-50);flex-wrap:wrap}
.cadaf-home .ch-seg label,
.cadaf-modal .ch-seg label{
  flex:1 1 auto;display:flex;align-items:center;gap:7px;
  padding:10px 12px;margin:0;border-right:1px solid var(--rule);
  font-size:13px;font-weight:400;cursor:pointer;
}
.cadaf-home .ch-seg label:last-child,
.cadaf-modal .ch-seg label:last-child{border-right:0}
.cadaf-home .ch-radios,
.cadaf-modal .ch-radios{display:flex;gap:24px;flex-wrap:wrap}
.cadaf-home .ch-radios label,
.cadaf-modal .ch-radios label{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;font-weight:400;cursor:pointer}
.cadaf-home input[type=radio],
.cadaf-modal input[type=radio]{accent-color:var(--sinopia);margin:0}

/* --- Pied de page --- */
.cadaf-home .ch-footer{background:var(--marine);color:#fff;padding:34px 0}
.cadaf-home .ch-footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.cadaf-home .ch-footer img{height:36px;width:auto}
.cadaf-home .ch-footer p{margin-top:16px;font-size:12.5px;line-height:1.7;color:var(--marine-25)}
.cadaf-home .ch-footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12.5px}
.cadaf-home .ch-footer-links a{color:var(--marine-25)}
.cadaf-home .ch-footer-links a:hover{color:#fff}

/* --- Modale de connexion (surcharge Bootstrap 3) --- */
.cadaf-modal .modal-dialog{width:720px;max-width:calc(100% - 20px)}
.cadaf-modal .modal-content{
  border-radius:0;border:2px solid #253F78;box-shadow:none;padding:30px;
  font-family:'Poppins',Arial,sans-serif;color:#253F78;
}
.cadaf-modal .modal-header,
.cadaf-modal .modal-body,
.cadaf-modal .modal-footer{padding:0;border:0}
.cadaf-modal .modal-title{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:24px;line-height:1.2;
  color:#253F78;margin-top:12px;
}
.cadaf-modal .close{
  font-family:'Poppins',Arial,sans-serif;font-size:24px;font-weight:400;
  color:#5C6F9A;opacity:1;text-shadow:none;
}
.cadaf-modal .close:hover{color:#253F78;opacity:1}
.cadaf-modal .modal-body{margin-top:22px}
.cadaf-modal .modal-footer{margin-top:16px;display:flex;justify-content:space-between;font-size:12.5px}
.cadaf-modal .modal-backdrop.in{opacity:.62;background:#253F78}

/* --- Responsive --- */
@media (max-width:991px){
  .cadaf-home .ch-h1{font-size:38px}
  .cadaf-home .ch-h2{font-size:27px}
  .cadaf-home .ch-poster h2{font-size:38px}
  .cadaf-home .ch-stats{flex-wrap:wrap}
  .cadaf-home .ch-stat{flex:1 1 50%;border-bottom:1px solid var(--rule)}
  .cadaf-home .ch-market-side{flex:1 1 100%;border-left:0;border-top:2px solid var(--marine)}
  .cadaf-home .ch-hero-band{height:240px}
}
@media (max-width:767px){
  .cadaf-home .ch-h1{font-size:30px}
  .cadaf-home .ch-poster h2{font-size:29px}
  .cadaf-home .ch-section{padding:36px 0}
  .cadaf-home .ch-logo{margin-right:0}
  .cadaf-home .ch-header-inner{gap:16px}
  .cadaf-home .ch-stat{flex:1 1 100%;border-right:0}
  .cadaf-home .ch-seg label{flex:1 1 50%}
  .cadaf-home .ch-deflist dt{flex:0 0 100px}
  /* Cibles tactiles */
  .cadaf-home .ch-btn{padding:15px 24px}
  .cadaf-home .ch-nav a{padding:6px 0}
}

/* --- Espace adhérent : menu de tuiles + pavé d'annonce (remplace #centrale) - */
.cadaf-home .ch-tiles{row-gap:15px}
.cadaf-home .ch-tile{
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  height:100%;padding:18px;border:1px solid var(--rule);background:#fff;
  font-family:inherit;text-align:left;cursor:pointer;
  transition:background .12s ease,border-color .12s ease;
}
.cadaf-home .ch-tile:hover,
.cadaf-home .ch-tile:focus{background:var(--marine-10);border-color:var(--marine-50);color:inherit}
.cadaf-home .ch-tile-icon{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:var(--marine-10);color:var(--marine);
}
.cadaf-home .ch-tile-label{
  font-family:'Comfortaa',Arial,sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;
}
.cadaf-home .ch-tile--qantis[disabled]{opacity:.6;cursor:wait}
.cadaf-home .ch-annonce{
  background:#FFF6D8;border:1px solid #F0DFA0;padding:20px 22px;
  font-size:14px;line-height:1.6;color:var(--texte);
}
.cadaf-home .ch-annonce p:first-child{margin-top:0}
.cadaf-home .ch-annonce p{margin-top:10px}

/* --- Grille à hauteurs égales (cartes produits / services) -----------------
   Bootstrap 3 utilise des colonnes flottantes : les cartes d'une même ligne
   n'ont pas la même hauteur. .ch-grid passe la .row en flex sans toucher aux
   largeurs de la grille. --------------------------------------------------- */
.cadaf-home .ch-grid{display:flex;flex-wrap:wrap}
.cadaf-home .ch-grid:before,
.cadaf-home .ch-grid:after{display:none}
.cadaf-home .ch-grid > [class*="col-"]{display:flex;flex-direction:column;float:none}

/* --- Message de retour du formulaire d'adhésion (envoi AJAX) --------------- */
.cadaf-home .ch-formmsg{
  margin:16px 0 4px;padding:12px 16px;
  font-size:14px;line-height:1.5;
  border:2px solid var(--marine);
}
.cadaf-home .ch-formmsg--ok{
  border-color:var(--sinopia);background:var(--sinopia-10);color:var(--sinopia-dark);
}
.cadaf-home .ch-formmsg--ko{
  border-color:var(--sinopia);background:#fff;color:var(--sinopia-dark);
}

/* --- .ch-grid en dessous de 768px --------------------------------------------
   .ch-grid ne sert qu'à égaliser la hauteur de colonnes CÔTE À CÔTE (quand
   col-sm-* ou col-md-* a une largeur active, donc ≥768px). En dessous, Bootstrap
   empile déjà les colonnes tout seul : garder le flex ici cassait le rendu des
   cartes à retournement (colonne sans largeur ni hauteur définie ⇒ resolution
   de height:100% indéterminée ⇒ carte/image qui disparaît). Cette règle doit
   rester APRÈS la définition de .ch-grid ci-dessus (même spécificité : c'est
   l'ordre dans le fichier qui tranche). */
@media (max-width:767px){
  .cadaf-home .ch-grid{display:block}
  .cadaf-home .ch-grid > [class*="col-"]{display:block}
}

/* --- Bouton "retour en haut" : fixe en bas à droite, discret en haut de page,
   plus visible dès qu'on a scrollé (classe .is-scrolled posée par cadaf-home.js).
   Placé hors de .cadaf-home dans accueil.php : sélecteur par id + valeurs en dur
   (pas de var(--…)) et !important sur le positionnement, pour ne dépendre ni du
   scope ni des styles génériques de <button> du gabarit du site. --- */
#chScrollTop{
  position:fixed !important;right:24px !important;bottom:24px !important;left:auto !important;top:auto !important;
  z-index:1050;
  width:46px;height:46px;margin:0;padding:0;
  display:flex;align-items:center;justify-content:center;
  background:#253F78;color:#fff;border:2px solid #253F78;border-radius:0;
  cursor:pointer;
  opacity:.25;
  transition:opacity .25s ease,background .12s ease,border-color .12s ease;
}
#chScrollTop.is-scrolled{opacity:.85}
#chScrollTop:hover,
#chScrollTop:focus{opacity:1;background:#C74A17;border-color:#C74A17;outline:none}
@media (max-width:767px){
  #chScrollTop{right:14px !important;bottom:14px !important}
}
@media (prefers-reduced-motion: reduce){
  #chScrollTop{transition:none}
}

/* --- Liste des familles en cours de négociation (adhérents) --- */
.cadaf-home .ch-encours{
  margin: 20px 0 20px;
  padding:14px 0;
  font-size: 20px;
  border-top:1px solid var(--rule)
}