/*
 * Fiche d'un rendez-vous de l'agenda financier (Event/show.html.twig), design épuré du 20/10/2026 : même tuile de date
 * que la liste (agenda-epure.css), couleurs de la charte, carte « Le rendez-vous » et prochains rendez-vous à droite.
 */
.rdv-epure{
	--rdv-rouge:#e40520;
	--rdv-encre:#1d1d1b;
	--rdv-gris:#6b6b6b;
	--rdv-gris-doux:#8f8f8f;
	--rdv-filet:#ebe6e4;
	--rdv-fond:#f6f3f2;
}

.rdv-grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;align-items:start;padding:6px 0 100px}
.rdv-article{min-width:0;max-width:760px}

/* En-tête : tuile de date, rubrique, titre, état */
.rdv-tete{display:flex;align-items:flex-start;gap:28px;padding-bottom:30px;margin-bottom:32px;border-bottom:1px solid var(--rdv-filet)}
.rdv-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border-radius:8px;background:var(--rdv-fond);color:var(--rdv-encre);line-height:1}
.rdv-date.a-venir{background:var(--rdv-rouge);color:#fff}
.rdv-jour{font-size:42px;font-weight:600;letter-spacing:-.02em}
.rdv-mois{margin-top:8px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rdv-gris)}
.rdv-an{margin-top:5px;font-size:12px;color:var(--rdv-gris-doux)}
.rdv-date.a-venir .rdv-mois,.rdv-date.a-venir .rdv-an{color:rgba(255,255,255,.88)}
.rdv-titres{min-width:0;padding-top:4px}
.rdv-surtitre{margin:0;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rdv-rouge)}
.content.rdv-epure h1.rdv-titre{margin:10px 0 0;padding:0;background:none;font-size:36px;line-height:1.18;font-weight:600;letter-spacing:-.015em;text-transform:none;color:var(--rdv-encre)}
.rdv-statut{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;font-size:14px;line-height:1.4;color:var(--rdv-gris)}
.rdv-pastille{padding:4px 12px;border-radius:14px;font-size:13px;font-weight:600}
.rdv-pastille.a-venir{background:#e9f6ee;color:#1d7a45}
.rdv-pastille.passe{background:var(--rdv-fond);color:var(--rdv-gris)}
.rdv-compte{font-weight:600;color:var(--rdv-encre)}

/* Période d'embargo et texte */
.rdv-embargo{display:flex;align-items:flex-start;gap:12px;margin:0 0 28px;padding:16px 18px;border-left:3px solid var(--rdv-rouge);border-radius:0 6px 6px 0;background:var(--rdv-fond);font-size:15px;line-height:1.55;color:#323232}
.rdv-embargo svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--rdv-rouge)}
.rdv-texte{font-size:17px;line-height:1.75;color:#323232;overflow-wrap:break-word}
.rdv-texte p{margin:0 0 1.1em}
.rdv-texte > :last-child{margin-bottom:0}
.rdv-texte strong{font-weight:600;color:var(--rdv-encre)}
.rdv-texte sup{font-size:.68em;line-height:0;vertical-align:super}
.content.rdv-epure .rdv-texte a{color:var(--rdv-encre);text-decoration:underline;text-decoration-color:var(--rdv-rouge);text-underline-offset:3px}
.content.rdv-epure .rdv-texte a:hover{color:var(--rdv-rouge)}
.rdv-texte ul{margin:0 0 1.1em;padding:0;list-style:none}
.rdv-texte ul li{position:relative;margin:0 0 .6em;padding-left:26px;background:none}
.rdv-texte ul li:before{content:"";position:absolute;left:0;top:.85em;width:12px;height:2px;background:var(--rdv-rouge)}

.content.rdv-epure .rdv-retour{display:inline-flex;align-items:center;gap:10px;margin-top:48px;font-size:14px;font-weight:600;color:var(--rdv-encre);transition:gap .2s,color .2s}
.rdv-retour:before{content:"";width:16px;height:2px;background:currentColor}
.content.rdv-epure .rdv-retour:hover{gap:14px;color:var(--rdv-rouge)}

/* Colonne de droite */
.rdv-cote{position:sticky;top:120px;display:flex;flex-direction:column;gap:36px}
.rdv-cote-titre{margin:0 0 14px;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rdv-gris-doux)}
.rdv-carte{padding:24px;border:1px solid var(--rdv-filet);border-radius:8px;background:#fff}
.rdv-carte dl{margin:0;border-top:1px solid var(--rdv-filet)}
.rdv-carte dt{margin:0;padding-top:12px;font-size:12px;line-height:1.4;color:var(--rdv-gris-doux)}
.rdv-carte dd{margin:2px 0 0;padding-bottom:12px;border-bottom:1px solid var(--rdv-filet);font-size:15px;line-height:1.5;font-weight:600;color:var(--rdv-encre)}
.rdv-carte address{font-style:normal;font-weight:400;color:#323232}
.content.rdv-epure .rdv-bouton{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:13px 18px;border-radius:24px;background:var(--rdv-rouge);color:#fff;font-size:14px;line-height:1.2;font-weight:600;transition:background-color .2s}
.content.rdv-epure .rdv-bouton:hover{background:#c10019}
.rdv-bouton svg{width:18px;height:18px}
.rdv-documents{margin:16px 0 0;padding:0;list-style:none}
.rdv-documents li{margin:0;padding:0;background:none}
.rdv-documents li:before{display:none}
.content.rdv-epure .rdv-documents a{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;font-weight:600;color:var(--rdv-encre);transition:color .2s}
.content.rdv-epure .rdv-documents a:hover{color:var(--rdv-rouge)}
.rdv-documents svg{flex:none;width:18px;height:18px;color:var(--rdv-rouge)}

.rdv-prochains ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--rdv-filet)}
.rdv-prochains li{margin:0;padding:0;background:none}
.rdv-prochains li:before{display:none}
.content.rdv-epure .rdv-prochains a{display:block;padding:14px 0;border-bottom:1px solid var(--rdv-filet)}
.rdv-prochains time{display:block;margin-bottom:3px;font-size:12px;line-height:1.4;color:var(--rdv-gris-doux)}
.rdv-prochains span{display:block;font-size:15px;line-height:1.4;font-weight:600;color:var(--rdv-encre);transition:color .2s}
.rdv-prochains a:hover span{color:var(--rdv-rouge)}
.rdv-epure a:focus-visible{outline:2px solid var(--rdv-rouge);outline-offset:3px}

/* Tablette : la colonne passe sous le texte */
@media only screen and (max-width: 1024px){
	.rdv-grille{grid-template-columns:minmax(0,1fr);gap:56px;width:92%;margin:0 auto;padding:8px 0 72px}
	.rdv-article{max-width:none}
	.rdv-cote{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
}
@media only screen and (max-width: 640px){
	.rdv-tete{gap:18px}
	.rdv-date{width:76px;height:76px}
	.rdv-jour{font-size:30px}
	.rdv-mois{margin-top:5px;font-size:12px}
	.content.rdv-epure h1.rdv-titre{font-size:26px;line-height:1.22}
	.rdv-texte{font-size:16px;line-height:1.7}
	.rdv-cote{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){
	.rdv-retour,.rdv-bouton,.rdv-documents a,.rdv-prochains span{transition:none}
}