/* Groundswell Logo Carousel — the .gs-logos rules, now owned by the block so
   they load globally (front end) and via add_editor_style() (editor preview).
   Move these OUT of style.css / gs-behaviors.css to avoid duplicate rules.
   Structural bits marked [KEEP]. The behavior lives in gibs.js. */

.gs-logos{overflow-x:auto;overflow-y:hidden;cursor:grab;max-width:1050px;margin-inline:auto;position:relative; /* [KEEP] max-width sets visible count */
	scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.gs-logos::-webkit-scrollbar{display:none}
.gs-logos.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}   /* [KEEP] */
.gs-logos__track{display:flex;gap:24px;width:max-content}                      /* [KEEP] */
.gs-logos__item{flex:0 0 220px}                                                /* [KEEP] fixed card width */
.gs-logos img{-webkit-user-drag:none;user-drag:none;pointer-events:none}       /* [KEEP] */
.gs-logos a{-webkit-user-drag:none}                                            /* [KEEP] */

/* floating <-> drag cursor (desktop) */
.gs-logos.has-cursor{cursor:none}                                              /* [KEEP] */
.gs-logos__cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none;/* [KEEP] */
	display:grid;place-items:center;width:44px;height:44px;border-radius:999px;
	background:rgba(13,20,36,.82);color:#fff;opacity:0;transition:opacity .18s ease;
	backdrop-filter:blur(2px)}
.gs-logos.has-cursor .gs-logos__cursor{opacity:1}                              /* [KEEP] */
.gs-logos.is-dragging .gs-logos__cursor{background:var(--gibs-green,#19C37D);color:#062018}

/* cosmetic preview defaults — override */
.gs-logos__item{display:grid;place-items:center;width:190px;height:120px;
  background:#fff;border:1px solid #e6eaef;border-radius:14px}
.gs-logos__item img{max-width:60%;max-height:50%;object-fit:contain}

@media (max-width:1024px){            /* tablet: ~3 */
  .gs-logos{max-width:none}
  .gs-logos__item{flex:0 0 200px}
}
@media (max-width:600px){             /* mobile: ~1.5, peek signals swipe */
  .gs-logos__item{flex:0 0 62vw}
  .gs-logos__track{gap:16px}
}