/* Thumbs strip: scroll orizzontale tipo carousel */
.picture-gallery .picture-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 2px 10px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scroll-padding-left: 10px;
  scroll-padding-right: 10px;
}

  /* Ogni thumb non deve restringersi */
  .picture-gallery .picture-thumbs .thumb-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    background: transparent;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 2px;
    cursor: pointer;
  }

    .picture-gallery .picture-thumbs .thumb-item img {
      display: block;
      height: 98px;
      width: auto;
      border-radius: 4px;
    }

    .picture-gallery .picture-thumbs .thumb-item.active {
      outline: 2px solid var(--acquamarine-color);
      outline-offset: 2px;
    }

    /* Focus da tastiera (accessibilità) */
    .picture-gallery .picture-thumbs .thumb-item:focus-visible {
      outline: 2px solid #005A9E;
      outline-offset: 2px;
    }

  /* Facoltativo: scrollbar più discreta */
  .picture-gallery .picture-thumbs::-webkit-scrollbar {
    height: 8px;
  }

  .picture-gallery .picture-thumbs::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0,0,0,.25);
  }