/*
 * Agenda financier en frise de l'accueil (maquette docs/maquettes/accueil-2026-10-13), repris seul le 19/10/2026.
 * Règles reprises de accueil.css (branche accueil-premium), mêmes classes ; variables et titres : accueil-une.css.
 */
.acc-agenda{padding:84px 0;background:var(--acc-fond)}
.acc-frise{position:relative;display:grid;grid-template-columns:repeat(var(--etapes,5),1fr);gap:20px}
/* Trait rouge sur les rendez-vous passés et jusqu'au prochain (--avance : rang du dernier rendez-vous passé ou du
   prochain dans l'année, 0 si aucun) */
.acc-frise:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--acc-rouge) 0,var(--acc-rouge) calc(100% * var(--avance,0) / var(--etapes,5)),#dcd5d3 calc(100% * var(--avance,0) / var(--etapes,5)))}
.acc-frise[hidden]{display:none}
.acc-etape{position:relative;padding-top:36px}
.acc-etape:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #cfc7c5;box-sizing:border-box}
.acc-etape.prochaine:before{background:var(--acc-rouge);border-color:var(--acc-rouge);box-shadow:0 0 0 6px rgba(228,5,32,.14)}
.acc-etape-date{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc-gris)}
.acc-etape.prochaine .acc-etape-date{color:var(--acc-rouge)}
/* Rendez-vous passés : frise de progression, point rouge plein avec une coche blanche (textes inchangés) */
.acc-etape.passee:before{background:var(--acc-rouge);border-color:var(--acc-rouge)}
.acc-etape.passee:after{content:"";position:absolute;top:4px;left:7px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Onglets des années */
.acc-annees{display:flex;gap:8px;margin:-8px 0 34px}
.acc-annee{padding:7px 18px;border:1px solid #dcd5d3;border-radius:18px;background:#fff;color:var(--acc-gris);font:600 13px/1 'Poppins',Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.acc-annee:hover{border-color:var(--acc-encre);color:var(--acc-encre)}
.acc-annee[aria-selected="true"]{background:var(--acc-encre);border-color:var(--acc-encre);color:#fff}
.acc-annee:focus-visible{outline:2px solid var(--acc-rouge);outline-offset:2px}
.accueil .acc-etape h3{margin:8px 0 0;padding:0;font-size:17px;line-height:1.35;font-weight:600;color:var(--acc-encre);text-transform:none;background:none;transition:color .2s}
.acc-etape a:hover h3{color:var(--acc-rouge)}
.acc-compte{display:table;margin-top:12px;padding:4px 12px;border-radius:14px;background:var(--acc-rouge);color:#fff;font-size:12px;font-weight:600}
.acc-compte:empty{display:none}
.accueil .acc-ajout{display:flex;width:max-content;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:600;color:var(--acc-gris);transition:color .2s}
.accueil .acc-ajout:hover{color:var(--acc-rouge)}
.acc-ajout svg{width:14px;height:14px}

@media only screen and (max-width: 1100px){
	.acc-frise{grid-template-columns:1fr;gap:26px}
	.acc-frise:before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--acc-rouge) 0,var(--acc-rouge) calc(100% * var(--avance,0) / var(--etapes,5)),#dcd5d3 calc(100% * var(--avance,0) / var(--etapes,5)))}
	.acc-etape{padding:0 0 0 40px}
}
@media only screen and (max-width: 640px){
	.acc-agenda{padding:60px 0}
}