/* RCS Sponsoren responsive rules (4/3/2) */

/* Desktop (≥1025px) */
.rcs-sponsor-grid .rcs-grid{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--rcs-gap, 8px);
}
.rcs-sponsor-ticker{ --rcs-items: 4; }

/* Tablet (≤1024px) */
@media (max-width: 1024px){
  .rcs-sponsor-grid .rcs-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .rcs-sponsor-ticker{ --rcs-items: 3; }
}

/* Phone (≤767px) */
@media (max-width: 767px){
  .rcs-sponsor-grid .rcs-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .rcs-sponsor-ticker{ --rcs-items: 2; }
}

/* === Force Grid 4/3/2 and prevent single-column fallbacks === */
.rcs-sponsor-grid .rcs-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--rcs-gap, 8px);
  width: 100%;
}
/* Reset child sizing inside grid (some themes add widths/flex) */
.rcs-sponsor-grid .rcs-grid > .rcs-item{
  display: block !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Tablet breakpoint */
@media (max-width: 1024px){
  .rcs-sponsor-grid .rcs-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Phone breakpoint */
@media (max-width: 767px){
  .rcs-sponsor-grid .rcs-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}