.elementor-2184 .elementor-element.elementor-element-beb39a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2184 .elementor-element.elementor-element-01a7f11{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:49px;}.elementor-2184 .elementor-element.elementor-element-01a7f11 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-2184 .elementor-element.elementor-element-23d3a6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2184 .elementor-element.elementor-element-f92ef20{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2184 .elementor-element.elementor-element-f92ef20{--grid-columns:2;}}@media(max-width:767px){.elementor-2184 .elementor-element.elementor-element-01a7f11{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:center;--e-filter-item-width:100%;--e-filter-item-max-width:100%;--e-filter-item-flex-grow:1;--e-filter-item-box-sizing:border-box;--e-filter-item-align-text:center;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2184 .elementor-element.elementor-element-f92ef20{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-01a7f11 *//* =====================================================================
   WIVA ADV — Restyle Filtro Tassonomia in MINI CARD REALI
   Scope: Sezione .card1 (oppure ID #progetto)
   ===================================================================== */

/* --- Contenitore generale dei bottoni del filtro --- */
.card1 .elementor-widget-taxonomy-filter .e-filter,
#progetto .elementor-widget-taxonomy-filter .e-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;                 /* Più spazio per far respirare le card */
  justify-content: center !important;   /* Centra le categorie */
  margin-bottom: 40px !important;       /* Spazio sotto i filtri */
  padding: 0 !important;
  list-style: none !important;
}

/* --- Singola Mini Card (Stato Normale) --- */
.card1 .elementor-widget-taxonomy-filter .e-filter-item,
#progetto .elementor-widget-taxonomy-filter .e-filter-item {
  position: relative !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 11px !important;                /* Testo leggermente più piccolo e raffinato */
  font-weight: 700 !important;               
  color: #272B36 !important;
  background-color: #FFFFFF !important;      /* Sfondo bianco card */
  
  /* Geometria da vera e propria Card */
  min-width: 150px !important;               /* Larghezza minima per dare struttura */
  height: 85px !important;                   /* Altezza fissa per renderla rettangolare */
  padding: 15px !important;                  
  box-sizing: border-box !important;
  
  /* Allineamento del testo in basso a sinistra */
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  text-align: left !important;
  
  border-radius: 12px !important;            /* Angoli arrotondati coerenti */
  border: 1px solid #ECECEC !important;      
  box-shadow: 0 4px 14px rgba(39, 43, 54, 0.05) !important; /* Ombra morbida iniziale */
  
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
}

/* --- Hover sulla Mini Card --- */
.card1 .elementor-widget-taxonomy-filter .e-filter-item:hover,
#progetto .elementor-widget-taxonomy-filter .e-filter-item:hover {
  background-color: #FFFFFF !important;
  color: #FF3838 !important;                  /* Il testo passa al rosso del brand */
  border-color: #DCDCDC !important;
  transform: translateY(-5px) !important;     /* Effetto lift più marcato */
  box-shadow: 0 12px 24px rgba(39, 43, 54, 0.1) !important; /* Ombra profonda da sollevamento */
}

/* --- Mini Card Attiva / Selezionata --- */
.card1 .elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"],
#progetto .elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] {
  background-color: #FFFFFF !important;       /* Resta bianca per far risaltare il dettaglio */
  color: #FF3838 !important;                  /* Testo rosso */
  border-color: #FF3838 !important;           /* Bordino rosso */
  box-shadow: 0 8px 20px rgba(255, 56, 56, 0.12) !important;
}

/* --- Barra d'accento rossa inferiore solo sulla card attiva --- */
.card1 .elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"]::after,
#progetto .elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;                     /* Spessore della linea di accento */
  background-color: #FF3838 !important;       /* Rosso brand */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-beb39a1 *//* =====================================================================
   WIVA ADV — Restyle Filtri Categorie (Mini Card) - FORZATO
   ===================================================================== */

/* --- Contenitore dei filtri/categorie --- */
.card1 .elementor-portfolio__filters,
#progetto .elementor-portfolio__filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;                  /* Spazio tra le mini card */
  justify-content: center !important;    /* Centra le categorie */
  margin-bottom: 30px !important;        /* Spazio sotto i filtri */
  padding: 0 !important;
  list-style: none !important;
}

/* --- Singola Mini Card (Stato Normale) --- */
.card1 .elementor-portfolio__filter,
#progetto .elementor-portfolio__filter {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #272B36 !important;
  background-color: #F5F6F8 !important;       /* Sfondo grigio chiarissimo */
  padding: 10px 20px !important;
  border-radius: 30px !important;             /* Pillola */
  border: 1px solid #ECECEC !important;
  cursor: pointer !important;
  transition: all 0.25s ease-in-out !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
}

/* --- Hover sulla Mini Card --- */
.card1 .elementor-portfolio__filter:hover,
#progetto .elementor-portfolio__filter:hover {
  background-color: #EAECEF !important;
  color: #272B36 !important;
  transform: translateY(-2px) !important;      /* Sollevamento */
  box-shadow: 0 4px 12px rgba(39, 43, 54, 0.08) !important;
}

/* --- Mini Card Attiva / Selezionata --- */
.card1 .elementor-portfolio__filter.elementor-active,
#progetto .elementor-portfolio__filter.elementor-active {
  background-color: #FF3838 !important;       /* Rosso brand */
  color: #FFFFFF !important;                  /* Testo bianco */
  border-color: #FF3838 !important;
  box-shadow: 0 4px 15px rgba(255, 56, 56, 0.3) !important;
}/* End custom CSS */