/* === VIEW: MARKETPLACE – layout fisso app-like, mobile-first === */
.ws-view-marketplace{
  position: fixed;
  top: var(--ws-header-h);                            /* sotto l’header fisso */
  left: var(--ws-sidebar-current-w);                  /* a destra della sidebar */
  width: calc(100vw - var(--ws-sidebar-current-w));   /* larghezza visibile */
  height: calc(100vh - var(--ws-header-h));           /* altezza visibile */
  display: flex;
  flex-direction: column;                             /* mobile: colonne */
  align-content: flex-start;
  will-change: top,left,width,height;
  transition: var(--ws-collapsing);
}

/* LEFT: deve poter scrollare */
.ws-marketplace__left{
  overflow: auto;
  -webkit-overflow-scrolling: touch;                  /* scroll fluido su mobile */
}

/* RIGHT: fisso dentro il wrapper fisso (no scroll del pane) */
.ws-marketplace__right{
  position: relative;                                 /* “fisso” nel contenitore */
  overflow: hidden;                                   /* niente scroll del pane destro */
}

/* Desktop/tablet: 35% / 65% */
@media (min-width: 768px){
  .ws-view-marketplace{ flex-direction: row; }

  .ws-marketplace__left{
    flex: 0 0 35%;
    max-width: 35%;
    min-height: 100%;
    border-right: 1px solid rgba(255,255,255,.2);
  }

  .ws-marketplace__right{
    flex: 0 0 65%;
    max-width: 65%;
    min-height: 100%;
  }
}

/* Scrollbar generica WS */
.ws-marketplace__right,
.ws-marketplace__left {
  scrollbar-width: thin;              /* Firefox: sottile */
  scrollbar-color: #444 #0f1220;      /* thumb e track (allineato a WS) */
}

/* WebKit (Chrome, Edge, Safari) */
.ws-marketplace__right::-webkit-scrollbar,
.ws-marketplace__left::-webkit-scrollbar {
  width: 8px;       /* spessore verticale */
  height: 8px;      /* spessore orizzontale */
}

.ws-marketplace__right::-webkit-scrollbar-track,
.ws-marketplace__left::-webkit-scrollbar-track {
  background: #0f1220;  /* track scuro come il background WS */
}

.ws-marketplace__right::-webkit-scrollbar-thumb,
.ws-marketplace__left::-webkit-scrollbar-thumb {
  background-color: #444;    /* colore thumb */
  border-radius: 4px;        /* angoli arrotondati */
  border: 1px solid #222;    /* bordo sottile per contrasto */
}

/* Nascondi frecce */
.ws-marketplace__right::-webkit-scrollbar-button,
.ws-marketplace__left::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* Overlay del pannello debug info mappa */
.ws-map-debug code, .ws-map-debug pre { color: #cbd5e1; }

#ws-map{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 300px;
}