/* ================================
   SIRIO FILTER BAR
   ================================ */

/* Contenitore principale */
.sirio-filterbar {
  width: 100%;
}

/* Griglia: 3 campi sopra + azioni sotto */
.sirio-filterbar__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  grid-template-areas:
    "f1 f2 f3"
    "actions actions actions";
  gap: 20px;

  max-width: 900px;   /* <<< come richiesto */
  margin: 0 auto;     /* centra tutto */
  align-items: start;
}

/* Singolo campo */
.sirio-filterbar__field {
  display: flex;
  flex-direction: column;
}

/* Label sopra il campo */
.sirio-filterbar__label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* Select uniformi */
.sirio-filterbar__field select {
  width: 100%;
  height: 42px;
  padding: 0 10px;
  border-radius: 10px;
}

/* ================================
   AZIONI (TROVA + ANNULLA)
   ================================ */

.sirio-filterbar__submit {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

/* Bottone Trova */
.sirio-filterbar__submit button {
  height: 42px;
  padding: 0 30px;
  border-radius: 10px;
  cursor: pointer;
}

/* Link Annulla */
.sirio-filterbar__reset {
  font-size: 14px;
  text-align: center;
}

/* ================================
   RESPONSIVE MOBILE
   ================================ */

@media (max-width: 768px) {
  .sirio-filterbar__fields {
    grid-template-columns: 1fr;
    grid-template-areas:
      "f1"
      "f2"
      "f3"
      "actions";
    max-width: 520px;
  }
}