/* Fidélisation : sondages, parrainage, support (ajouté après site.css ; ne pas toucher à site.css depuis ces pages). */

/* Support */
.cartes-support { margin-bottom: 18px; }
.cartes-support > li { display: flex; }
.cartes-support .carte { width: 100%; }
.cartes-support .carte__corps { text-align: center; }
.cartes-support .carte__ico { margin: 4px auto 8px; }
.cartes-support .carte__lien { margin-top: auto; }
.support-liste { margin: 0 0 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.accordeons { display: grid; gap: 10px; margin-bottom: 14px; }
.accordeon { border: 2px solid var(--filet); border-radius: var(--rayon); background: var(--parchemin-2); }
.accordeon summary {
  cursor: pointer; list-style: none; padding: 12px 44px 12px 16px; position: relative;
  font-family: var(--police-titre); font-size: 1.1rem; color: var(--encre);
}
.accordeon summary::-webkit-details-marker { display: none; }
.accordeon summary::after {
  content: '+'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  font-size: 1.5rem; line-height: 1; color: var(--orange-fonce);
}
.accordeon[open] summary::after { content: '\2212'; }
.accordeon summary:hover, .accordeon[open] summary { background: var(--parchemin-3); }
.accordeon summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.accordeon__corps { padding: 4px 16px 14px; color: var(--encre); }
.accordeon__liens { margin: 8px 0 0; padding-left: 20px; }

/* Sondages */
.sondages-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.sondage-ligne { padding-bottom: 18px; border-bottom: 1px dashed var(--filet); }
.sondage-ligne:last-child { border-bottom: 0; padding-bottom: 0; }
.sondage-ligne h3 { margin: 0 0 6px; }
.sondage-ligne .aide { margin: 8px 0 12px; }
.choix-sondage { border: 0; margin: 0 0 8px; padding: 0; }
.choix-sondage legend { font-family: var(--police-titre); font-size: 1.15rem; margin-bottom: 8px; }
.choix-sondage .champ-case { padding: 8px 12px; border: 2px solid var(--filet); border-radius: var(--rayon); background: var(--parchemin-2); margin-bottom: 8px; }
.choix-sondage .champ-case:hover { background: var(--parchemin-3); }
.sondage-resultats { margin-top: 10px; }
.sondage-resultat--choisi .barre__libelle { color: var(--orange-fonce); }
.sondage-resultat--choisi progress { border-color: var(--orange-fonce); }

/* Parrainage */
.code-parrainage {
  display: inline-block; padding: 2px 14px; border: 2px dashed var(--bois); border-radius: var(--rayon);
  background: var(--creme); font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: 1.35rem; letter-spacing: 0.14em;
}
.lien-parrainage { overflow-wrap: anywhere; }
.form-reclamer { margin-top: 18px; max-width: 460px; }

@media (max-width: 600px) {
  .code-parrainage { font-size: 1.15rem; letter-spacing: 0.08em; }
}