/* 060 — Un solo comportamento per TUTTE le schede prodotti del catalogo.
   Pallini visivi da 18px, distanza 2px; vecchio span e nuovo SVG supportati.
   Non modificare configuratori, prezzi, card, immagini o carrello. */
#sss-vc-visual-catalog .sss-vc-swatches,
#sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches,
#sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches,
#sss-vc-visual-catalog .sss-vc-model-info .sss-vc-swatches {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  align-content:flex-start!important;
  gap:2px!important;
  column-gap:2px!important;
  row-gap:2px!important;
  padding:0!important;
  margin:0!important;
}
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn,
#sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches .sss-vc-swatch-btn,
#sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches .sss-vc-swatch-btn {
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-round-swatch,
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-color-dot,
#sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-round-swatch,
#sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-color-dot {
  display:block!important;
  box-sizing:border-box!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  vertical-align:middle!important;
  overflow:visible!important;
}
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-more-colors {
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:18px!important;
  padding:0 1px!important;
  margin:0!important;
  font-size:10px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn[aria-pressed="true"] > .sss-vc-round-swatch,
#sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn[aria-pressed="true"] > .sss-vc-color-dot {
  outline:2px solid #102d83!important;
  outline-offset:1px!important;
}
@media(max-width:620px){
  /* Anche su smartphone stessi colori ravvicinati e pienamente circolari. */
  #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn,
  #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches .sss-vc-swatch-btn,
  #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches .sss-vc-swatch-btn {
    flex-basis:17px!important;width:17px!important;height:17px!important;
    min-width:17px!important;max-width:17px!important;
    min-height:17px!important;max-height:17px!important;
  }
  #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-round-swatch,
  #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-color-dot,
  #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-round-swatch,
  #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-color-dot {
    flex-basis:17px!important;width:17px!important;height:17px!important;
    min-width:17px!important;max-width:17px!important;
    min-height:17px!important;max-height:17px!important;
  }
}


/* 0.7.5 - Pallini appena piu piccoli SOLO nelle tre famiglie di zaini e borse. */
#sss-vc-visual-catalog.sss-vc-borse-072 .sss-vc-product .sss-vc-swatches{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:3px!important;min-height:15px!important;
  max-width:100%;max-height:33px!important;overflow:visible!important;
}
#sss-vc-visual-catalog.sss-vc-borse-072 .sss-vc-product .sss-vc-swatches .sss-vc-swatch-btn{
  flex:0 0 15px!important;width:15px!important;height:15px!important;
  min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;
}
#sss-vc-visual-catalog.sss-vc-borse-072 .sss-vc-product .sss-vc-swatches .sss-vc-round-swatch,
#sss-vc-visual-catalog.sss-vc-borse-072 .sss-vc-product .sss-vc-swatches .sss-vc-color-dot{
  flex:0 0 15px!important;width:15px!important;height:15px!important;
  min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;
}
#sss-vc-visual-catalog.sss-vc-borse-072 .sss-vc-product .sss-vc-swatches .sss-vc-more-colors{
  height:15px!important;font-size:9px!important;line-height:15px!important;
}