/* ==========================================================================
   Agenda — bloc "date/heure/lieu/quartier/organisateur" affiché sous un
   événement (.oasis-event-meta), produit par
   oasis_social_wpforo_event_inline_meta_html(). Extrait de
   assets/css/oasis-wpforo-social.css le 13/08.

   Chargé par inc/pages/agenda-ajouter-evenement.php, sur tout le site (le
   bloc peut apparaître partout où un sujet du forum Agenda est affiché :
   Quartier, Ville, Fil commun, page native du sujet).
   ========================================================================== */

#wpforo #wpforo-wrap .oasis-event-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 22px !important;
  margin: 10px 0 0 !important;
  padding-top: 9px !important;
  border-top: 1.5px solid var(--oasis-event-accent, var(--os-yellow)) !important;
  background: none !important;
}

#wpforo #wpforo-wrap .oasis-event-meta__item {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 !important;
  background: none !important;
}

#wpforo #wpforo-wrap .oasis-event-meta__icon {
  flex: 0 0 auto !important;
  font-size: 14px !important;
  color: var(--oasis-event-accent, var(--os-yellow)) !important;
  background: none !important;
}

#wpforo #wpforo-wrap .oasis-event-meta__text {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  color: var(--os-ink) !important;
  background: none !important;
}

#wpforo #wpforo-wrap .oasis-event-meta__item--date .oasis-event-meta__text,
#wpforo #wpforo-wrap .oasis-event-meta__item--time .oasis-event-meta__text {
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#wpforo #wpforo-wrap .oasis-event-meta__item--place .oasis-event-meta__text,
#wpforo #wpforo-wrap .oasis-event-meta__item--organizer .oasis-event-meta__text {
  text-transform: none !important;
}

@media (max-width: 760px) {
  #wpforo #wpforo-wrap .oasis-event-meta {
    flex-direction: column !important;
    gap: 8px !important;
  }

}