/* ENASC OS v1.3.0 — Menu pratica: active chiaro approvato, nessun badge blu sul testo. */

/* Mantiene il componente pulito e impedisce alle vecchie regole globali
   .practice-tabs button.active span di colorare icona/label in blu. */
.practice-tabs-v102 button > .practice-tab-label,
.practice-tabs-v102 button:hover > .practice-tab-label,
.practice-tabs-v102 button.active > .practice-tab-label,
.practice-tabs-v102 button.active:hover > .practice-tab-label{
  display:block!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#17233d!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
}

.practice-tabs-v102 button > .practice-tab-icon,
.practice-tabs-v102 button:hover > .practice-tab-icon,
.practice-tabs-v102 button.active > .practice-tab-icon,
.practice-tabs-v102 button.active:hover > .practice-tab-icon{
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--tab-soft)!important;
  color:var(--tab)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
}

/* Stato normale */
.practice-tabs-v102 button{
  position:relative!important;
  overflow:visible!important;
  min-height:58px!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  color:#17233d!important;
  box-shadow:0 2px 8px rgba(31,48,82,.028)!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

/* Hover: appena sollevato, senza riempimento colorato pieno */
.practice-tabs-v102 button:not(.active):hover{
  transform:translateY(-1px)!important;
  background:#fdfdff!important;
  border-color:color-mix(in srgb,var(--tab) 28%,#dfe6ef)!important;
  color:#17233d!important;
  box-shadow:0 7px 18px rgba(31,48,82,.065)!important;
}
.practice-tabs-v102 button:not(.active):hover > .practice-tab-icon{
  transform:translateY(-1px)!important;
  background:var(--tab-soft)!important;
  color:var(--tab)!important;
  box-shadow:0 4px 10px rgba(31,48,82,.055),inset 0 0 0 1px rgba(255,255,255,.76)!important;
}

/* ACTIVE APPROVATO: card quasi bianca, leggerissima sfumatura, testo scuro,
   icona pastel e piccolo indicatore inferiore. Niente blocco blu. */
.practice-tabs-v102 button.active,
.practice-tabs-v102 button.active:hover{
  transform:none!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important;
  border-color:#cec9ff!important;
  color:#17233d!important;
  box-shadow:0 8px 20px rgba(82,70,210,.075),inset 0 0 0 1px rgba(103,91,232,.03)!important;
}
.practice-tabs-v102 button.active::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  width:44px!important;
  height:4px!important;
  border-radius:999px!important;
  transform:translateX(-50%)!important;
  background:var(--tab)!important;
  box-shadow:0 2px 7px rgba(65,105,220,.16)!important;
}
.practice-tabs-v102 button.active > .practice-tab-icon,
.practice-tabs-v102 button.active:hover > .practice-tab-icon{
  transform:none!important;
  background:var(--tab-soft)!important;
  color:var(--tab)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.78)!important;
}
.practice-tabs-v102 button.active > .practice-tab-label,
.practice-tabs-v102 button.active:hover > .practice-tab-label{
  background:transparent!important;
  color:#17233d!important;
  box-shadow:none!important;
}

@supports not (color:color-mix(in srgb,#000 10%,transparent)){
  .practice-tabs-v102 button:not(.active):hover{border-color:#ccd7e5!important}
}

@media(max-width:760px){
  .practice-tabs-v102 button.active::after{bottom:-4px!important;width:38px!important;height:3px!important}
}