/* APIA — Archive Événements (/ressources/evenements/) — S9.
   Dépendances : apia-enjeu.css + apia-home.css (c-evrow) + apia-ressources.css (c-ress-*, c-ress-pills).
   Ne redéfinit PAS .c-evrow (défini dans apia-home.css).
   Uniquement : bandeau membres (c-evts-band) + filtre région (c-evts-filter). */

/* ── Bandeau membres ────────────────────────────────────────────────────── */
.c-evts-band {
  background: var(--apia-bleu-nuit);
  border-radius: 24px;
  padding: 24px 24px 24px 32px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  flex-wrap: wrap;
}
.c-evts-band__text {
  font-weight: 600; font-size: 16px; line-height: 22px;
  color: var(--apia-blanc); margin: 0; flex: 1 1 auto;
}
/* bouton via .c-enjeu-btn global */

/* ── Filtre région ──────────────────────────────────────────────────────── */
.c-evts-filter { display: flex; flex-direction: column; gap: 24px; }
.c-evts-filter__title {
  font-weight: 600; font-size: 32px; line-height: 42px;
  color: var(--apia-bleu-nuit); margin: 0;
}
.c-evts-filter__form { display: inline-block; position: relative; }
.c-evts-filter__select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-color: var(--apia-bleu-clair);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23546D88' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center; background-size: 16px;
  border: none; border-radius: 12px;
  height: 38px; padding: 0 48px 0 16px; min-width: 260px;
  font-family: inherit; font-weight: 500; font-size: 16px; line-height: 23px;
  color: var(--apia-bleu-nuit); cursor: pointer;
}
.c-evts-filter__select:focus { outline: 2px solid var(--apia-bleu); outline-offset: 2px; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .c-evts-band { flex-direction: column; align-items: flex-start; }
  .c-evts-filter__title { font-size: 23px; line-height: 28px; }
  .c-evts-filter__select { min-width: 100%; }
}
@media (max-width: 600px) {
  .c-evts-band { padding: 16px; }
}