/* Esconde o select e o proxy do tema de forma acessível */
.abmix-hidden-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.abmix-hidden-theme-select{ display:none!important; }

/* Swatches container */
.abmix-swatches { margin:.75rem 0 1rem; }
.abmix-swatches-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

/* Cada bolinha */
.abmix-swatch {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid #ddd;
  background:#fff;
  padding:.25rem;
  border-radius:999px;
  cursor:pointer;
  line-height:1;
  transition:border-color .15s ease, transform .15s ease;
}

.abmix-swatch[aria-pressed="true"] {
  border-color:#333;
  transform:scale(1.05);
}

.abmix-swatch-dot {
  width:30px;
  height:30px;
  border-radius:999px;
  border:2px solid #ddd;
  background:var(--abmix-color, #eee);
  box-shadow:0 0 2px rgba(0,0,0,.2);
}

.abmix-swatch[aria-pressed="true"] .abmix-swatch-dot {
  border-color:#000;
}

/* Esconde o texto visível (nome da cor), deixando apenas tooltip */
.abmix-swatch-label { display:none; }