/* Ajouts propres au site WordPress (le reste vient tel quel des maquettes : base.css et d.css). */

/* Catégories d'un événement : des liens vers la page de la catégorie */
.types a { border: 1px solid var(--trait); padding: 2px 10px; font-size: .875rem; text-decoration: none; }
.types a:hover, .types a:focus-visible { border-color: var(--encre); }

/* Galerie : bouton pour les photos au-delà du nombre affiché */
.galerie-suite { margin: 8px 0 0; }
.galerie li[hidden], .galerie-plus[hidden] { display: none; }

/* Carrousel à une seule diapositive (pas de commandes) */
.carrousel-seul .car-piste { overflow: hidden; }

/* Formulaire : champ piège invisible, message après l'envoi */
.champ-piege { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formulaire-ok { background: #000; color: #fff; }
.formulaire button[disabled] { opacity: .6; cursor: progress; }

/* Texte des pages ordinaires */
.contenu-page > * { max-width: 68ch; }
.contenu-page h2 { margin-top: 1.5em; }

/* Vidéo horizontale */
.video-horizontale { width: 100%; }
.video-horizontale video { width: 100%; background: #000; }

/* Instagram et WhatsApp */
.reseaux { list-style: none; margin: 0 0 .6em; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.reseau { display: inline-flex; align-items: center; gap: 8px; }
.reseau .picto { width: 20px; height: 20px; flex: none; }
.reseau span { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.reseau:hover span { text-decoration-thickness: 2px; }
.reseaux-contact { margin: 4px 0 1em; }
.entete-droite { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.menu ul.reseaux-entete { display: flex; margin: 0; gap: 18px; }
.menu .reseaux-entete .reseau { display: inline-flex; padding: 8px 0; }
.menu .reseaux-entete .picto { width: 22px; height: 22px; }
.menu .reseaux-entete .reseau:hover { opacity: .6; }