/* PÉRON 2026 — agenda : calendrier des fêtes et détail d'un événement (pages/evenements.php, pages/evenement-detail.php).
 * Mise en page avec colonne latérale et filtres : pages.css · texte riche : p26.css. */

.p26-ag__stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.p26-ag__stats li{display:flex;align-items:baseline;gap:8px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.p26-ag__stats strong{font-size:1.6rem;font-weight:800;line-height:1;color:#fff}
.p26-ag__stats span{font-weight:600;color:rgba(255,255,255,.82)}

.p26-ag__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.p26-ag__bar .p26-filters{margin:0}
.p26-ag__search{display:flex;align-items:center;gap:10px;flex:1 1 240px;max-width:360px;padding:2px 16px;background:#fff;border:1.5px solid var(--p26-line);border-radius:999px;transition:border-color .15s,box-shadow .15s}
.p26-ag__search:focus-within{border-color:var(--p26-teal);box-shadow:0 0 0 4px rgba(0,125,141,.15)}
.p26-ag__search .bi{color:var(--p26-teal)}
.p26-ag__search input[type=search]{flex:1;min-width:0;padding:9px 0;border:0;outline:0;background:transparent;font-weight:600;color:var(--p26-navy)}
.p26-ag__count{font-weight:800;color:var(--p26-navy)}
.p26-ag__count a{font-weight:600}
.p26-ag__month+.p26-ag__month{margin-top:28px}
.p26-ag__muted{color:var(--p26-muted)}

/* ---------- Carte d'un rendez-vous ---------- */
.p26-ags{display:grid;gap:14px}
.p26-ag{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius-lg);box-shadow:var(--p26-shadow-sm);transition:border-color .2s,box-shadow .2s}
.p26-ag:hover{border-color:var(--p26-mint);box-shadow:var(--p26-shadow)}
.p26-ag__cal{display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;border-radius:16px;background:var(--p26-mint-50);color:var(--p26-navy);line-height:1.1;text-align:center}
.p26-ag__cal span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--p26-teal)}
.p26-ag__cal strong{font-size:2rem;font-weight:800}
.p26-ag--cm .p26-ag__cal{background:var(--p26-navy);color:#fff}
.p26-ag--cm .p26-ag__cal span{color:var(--p26-mint)}
.p26-ag__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.p26-ag__now{align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--p26-mint);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--p26-navy-900)}
.p26-ag__kind{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--p26-teal)}
.p26-ag__titre{font-size:1.18rem;font-weight:800;line-height:1.3}
.p26-ag__titre a{color:var(--p26-navy);text-decoration:none!important}
.p26-ag__titre a:hover{color:var(--p26-teal)}
.p26-ag__meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;font-weight:600;color:var(--p26-ink)}
.p26-ag__meta .bi{color:var(--p26-teal);margin-right:.4em}
.p26-ag__txt{font-size:.92rem;color:var(--p26-muted)}
.p26-ag__actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:4px;font-size:.9rem}
.p26-ag__ics{font-weight:600;color:var(--p26-muted)!important}
.p26-ag__kind .bi,.p26-ag__ics .bi{margin-right:.4em}
.p26-ag__ics:hover{color:var(--p26-teal)!important}
.p26-ag__img{display:block;width:120px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--p26-mint-50)}
.p26-ag__img img{width:100%;height:100%;object-fit:cover}

/* ---------- Détail d'un événement ---------- */
.p26-ag__past{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--p26-radius);background:#fff4e5;color:#7a4a00;font-weight:600}
.p26-ag__past--now{background:var(--p26-mint-50);color:var(--p26-navy)}
.p26-ev__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0}
.p26-ev__facts>div{padding:14px 16px;border-radius:14px;background:var(--p26-mint-50)}
.p26-ev__facts dt{margin-bottom:4px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--p26-teal)}
.p26-ev__facts dd{margin:0;font-weight:700;color:var(--p26-navy)}
.p26-ev__facts dd small{font-weight:500;color:var(--p26-muted)}
.p26-ev__facts dd a{font-weight:600;font-size:.9rem}
.p26-ev__agenda{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.p26-ev__affiche{display:block;max-width:480px;margin:18px auto 0;border-radius:14px;overflow:hidden;box-shadow:var(--p26-shadow)}
.p26-ev__affiche img{width:100%;height:auto}
.p26-ag__mini{display:grid;gap:4px;margin:0 0 10px;padding:0;list-style:none}
.p26-ag__mini a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--p26-navy)!important;text-decoration:none!important}
.p26-ag__mini a:hover{background:#fff}
.p26-ag__mini b{display:block;font-size:.9rem;line-height:1.3}
.p26-ag__mini small{display:block;font-size:.8rem;color:var(--p26-muted)}
.p26-ag__minical{display:flex;flex-direction:column;align-items:center;flex:none;width:46px;padding:4px 0;border-radius:10px;background:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--p26-teal);line-height:1.1}
.p26-ag__minical strong{font-size:1.15rem;color:var(--p26-navy)}

/* Une colonne : les rendez-vous d'abord, les filtres ensuite (pages.css les place en tête par défaut) */
@media (max-width:860px){
	.p26-agendapage .p26-ldoc__filters{order:2}
}
@media (max-width:640px){
	.p26-ag{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:14px}
	.p26-ag__cal strong{font-size:1.6rem}
	.p26-ag__img{display:none}
	.p26-ag__search{max-width:none}
}