/* ==========================================================================
   Bennati Category Tree
   CSS cross-browser: iOS Safari, Android Chrome, desktop Chrome/Firefox/Safari/Edge
   ========================================================================== */

.bct-block {
  margin: 0 0 1.5rem 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
}

.bct-block * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bct-title {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: inherit;
}

.bct-root {
  display: block;
  margin: 0 0 0.5rem 0;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.bct-root:hover {
  text-decoration: underline;
}

/* Liste annidate: reset e indentazione progressiva */
.bct-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bct-item {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

/* Indentazione per livello tramite padding sul link */
.bct-link {
  display: block;
  padding: 0.4rem 0.5rem 0.4rem 0.5rem;
  text-decoration: none;
  color: inherit;
  border-radius: 4px;
  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
  -o-transition: background-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease;
  /* fallback per browser senza transition: nessun danno */
}

/* Livelli annidati: l'indentazione cresce con il livello.
   Usiamo selettori di discendenza per garantire compatibilita totale,
   evitando dipendenze da CSS variables non supportate ovunque. */
.bct-list .bct-list .bct-link {
  padding-left: 1.25rem;
}
.bct-list .bct-list .bct-list .bct-link {
  padding-left: 2rem;
}
.bct-list .bct-list .bct-list .bct-list .bct-link {
  padding-left: 2.75rem;
}
.bct-list .bct-list .bct-list .bct-list .bct-list .bct-link {
  padding-left: 3.5rem;
}

/* Linea guida verticale per i sottolivelli (opzionale, leggera) */
.bct-list .bct-list {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  margin-left: 0.5rem;
}

.bct-link:hover,
.bct-link:focus {
  background-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

/* Categoria corrente evidenziata */
.bct-current {
  font-weight: 700;
  background-color: rgba(146, 208, 40, 0.18); /* verde brand Bennati #92D028 trasparente */
}

.bct-current:hover,
.bct-current:focus {
  background-color: rgba(146, 208, 40, 0.28);
}

.bct-label {
  display: inline-block;
  vertical-align: middle;
}

/* Responsive: su mobile aumentiamo l'area tappabile (min 44px consigliato) */
@media (max-width: 767px) {
  .bct-link {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-height: 44px;
    line-height: 1.6;
  }
  .bct-list .bct-list .bct-link {
    padding-left: 1rem;
  }
  .bct-list .bct-list .bct-list .bct-link {
    padding-left: 1.5rem;
  }
}