/* Les classes ka-pg reprennent la charte de la page ; règles complémentaires du contenu dynamique. */
.ka-programme-dynamic{font-family:Calibri,Arial,sans-serif}
.ka-programme-dynamic [hidden]{display:none!important}
.ka-programme-dynamic .ka-pg-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ka-programme-dynamic select{font:inherit;padding:6px;color:inherit;background:white;border:1px solid var(--ka-bordure,#c7192c)}
.ka-programme-dynamic .ka-pg-onglets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ka-programme-dynamic summary{cursor:pointer;font-weight:700}
.ka-programme-dynamic summary .ka-pg-date{display:block;font-weight:400;margin-top:6px}
.ka-programme-dynamic details img{display:block;max-width:100%;height:auto;max-height:420px;object-fit:contain;margin:14px auto}
.ka-programme-dynamic details>div{overflow-wrap:anywhere}
@media(max-width:500px){.ka-programme-dynamic .ka-pg-onglet{font-size:14px!important;padding:8px 4px!important}}

/* 0.8.25 — Après un clic souris/tactile, ne pas encadrer le titre déplié.
   :focus-visible conserve un repère explicite pour la navigation au clavier.
   La règle est limitée aux titres des activités et ne touche pas les séparateurs. */
.ka-programme-dynamic .ka-pg-evenement > summary:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.ka-programme-dynamic .ka-pg-evenement > summary:focus-visible{outline:2px solid var(--ka-bordure,#c7192c)!important;outline-offset:3px;box-shadow:none!important}