/* 
Theme Name: BrainPress
Theme URI: https://github.com/BrainTurnassi/BrainPress.git
Description: BrainPress è un tema customizzato da Brain Computing S.p.A.
Author: Brain Computing s.p.A.
Author URI: https://www.braincomputing.com/
Template: hello-elementor
Version: 0.0.5
Text Domain: brainpress-theme-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*@import url('css/header.css'); Importazione css header */
/*@import url('css/footer.css'); Importazione css footer */

/*
* Menu categorie sopra calendario eventi
*/
.events-categories-filter {
  margin-bottom: 30px !important;
}

.events-categories-filter ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.events-categories-filter .filter-item a {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  background: #f2f2f2;
  color: #333;
  transition: all 0.25s ease;
}

.events-categories-filter .filter-item a:hover {
  background: #ddd;
}

.events-categories-filter .filter-item.active a {
  background: var(--e-global-color-aef0ea6); /* colore principale */
  color: #fff;
}

/* --- Mobile e schermi stretti: filtro eventi scorrevole orizzontale --- */
@media (max-width: 1220px) {
  .events-categories-filter {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .events-categories-filter ul {
    flex-wrap: nowrap;
    width: max-content;
    padding-bottom: 10px;
  }

  .events-categories-filter .filter-item {
    flex: 0 0 auto;
  }

  /* nasconde scrollbar (opzionale) */
  .events-categories-filter::-webkit-scrollbar {
    display: none;
  }

  .events-categories-filter {
    scrollbar-width: none; /* Firefox */
  }
}

/*
* tag Categorie multiple nel calendario
*/
.tec-events-calendar-list__event-categories {
  display: flex !important;
  gap: 5px;
  flex-wrap: wrap;
}