/* Nascondi il select ma mantiene spazio per accessibilità/screen reader se necessario */
.wc-attr-select--hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  border: 0;
}

/* Layout pulsanti */
/* .wc-attr-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .5rem 0 1rem;
} */

.wc-attr-item {
  position: relative;
}

/* Nascondi i radio (li usiamo per lo stato) */
.wc-attr-radio.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  border: 0;
}

/* Bottone */
.wc-attr-btn {
  display: inline-block;
  padding: .6rem .9rem;
  border: 1px solid #ddd;
  border-radius: .6rem;
  cursor: pointer;
  user-select: none;
  transition: transform .05s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  line-height: 1;
  font-size: .95rem;
}

/* Hover / focus */
.wc-attr-btn:hover { transform: translateY(-1px); }
.wc-attr-btn:focus-visible { outline: 2px solid #2684FF; outline-offset: 2px; }

/* Selezionato */
.wc-attr-btn.is-selected {
  border-color: #1d4ed8;
  background: #1d4ed8;
  box-shadow: 0 0 0 2px rgba(38,132,255,.15);
}

/* Disabilitato (non disponibile con la combinazione corrente) */
.wc-attr-btn.is-disabled {
  opacity: .45;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* Stato attivo al click */
.wc-attr-btn:active { transform: translateY(0); }


/* Contenitore label già esistente: .wc-attr-btn */

/* Badge PRENOTATO */
.wc-attr-badge {
  display: inline-block;
  margin-left: .5rem;
  padding: .2rem .45rem;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1;
  border-radius: .4rem;
  background: #ffe8e8;
  color: #c0392b;
  border: 1px solid #f5b7b1;
  vertical-align: middle;
}

/* Opzione disabilitata: già hai .is-disabled. Se vuoi, enfatizzala: */
.wc-attr-btn.is-disabled {
  opacity: .7;
  position: relative;
}

.wc-attr-btn { position: relative; }
.wc-attr-badge {
  position: absolute;
  top: -8px; left: -12px;
  margin: 0;
  padding: .15rem .4rem;
  font-size: .62rem;
  transform: rotate(-15grad);
}