/* === RCS Sponsoren Overrides 2.02 === */

/* Base: 2:1 logo canvas, max responsive, contain */
.rcs-box .rcs-box-inner{
  position:relative;
  width:100%;
  aspect-ratio: 2 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  background: var(--rcs-bg, transparent);
  box-sizing:border-box;
}
.rcs-box .rcs-box-inner img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

/* ---------- TICKER (Scroller) ---------- */
/* 0 spacing between items; responsive count: 4 desktop, 1 phone */
.rcs-sponsor-ticker{ --rcs-items: 4; }
@media (max-width: 1024px){ .rcs-sponsor-ticker{ --rcs-items: 2; }}
@media (max-width: 640px){
  .rcs-sponsor-ticker{ --rcs-items: 1; }
}
.rcs-sponsor-ticker .rcs-track{
  display:flex !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.rcs-sponsor-ticker .rcs-item{
  flex:0 0 calc(100%/var(--rcs-items)) !important;
  width:calc(100%/var(--rcs-items)) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-sizing:border-box;
}
/* Ensure inner box has no extra padding/borders in ticker */
.rcs-sponsor-ticker .rcs-item > .rcs-box-inner{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* ---------- GRID ---------- */
/* No gaps between tiles; tight border around each tile. Border includes logo + name area */
.rcs-sponsor-grid{
  display:grid;
  gap: 10px !important;
}
.rcs-sponsor-grid .rcs-grid-item{
  margin:0 !important;
  padding:0 !important;
  border:1px solid #d0d5dd;
  border-radius:0 !important;
  background:#fff;
  box-sizing:border-box;
}
/* Make link + logo area flush; no inner spacing */
.rcs-sponsor-grid .rcs-grid-link,
.rcs-sponsor-grid .rcs-grid-link .rcs-box-inner{
  display:block;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
/* Name sits within the same bordered tile, no extra outside gap */
.rcs-sponsor-grid .rcs-name{
  margin:0 !important;
  padding:8px 10px !important;
  border-top:1px solid #eef0f3;
  text-align:center;
  line-height:1.2;
}

/* Make sure nothing sneaks in rounded corners anywhere */
.rcs-sponsor-grid .rcs-grid-item,
.rcs-sponsor-grid .rcs-grid-item *,
.rcs-sponsor-ticker .rcs-item,
.rcs-sponsor-ticker .rcs-item *{
  border-radius:0 !important;
}

.rcs-sponsor-grid .rcs-box-inner{ align-items:flex-start !important; }

/* Ticker controls */
.rcs-sponsor-ticker{ position:relative; }
.rcs-ticker-control{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  width:auto; height:auto;
  padding:0;
  margin:0;
  background:transparent !important;
  color:#000 !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font: inherit;
  font-size: 24px;
  line-height: 1;
  cursor:pointer;
  z-index:2;
}
.rcs-ticker-prev{ left:8px; }
.rcs-ticker-next{ right:8px; }
.rcs-ticker-control:hover{ opacity:0.6; }
@media (max-width: 640px){ .rcs-ticker-control{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  width:auto; height:auto;
  padding:0;
  margin:0;
  background:transparent !important;
  color:#000 !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font: inherit;
  font-size: 24px;
  line-height: 1;
  cursor:pointer;
  z-index:2;
} }