/* RadarČeska Rail UX v3.5.1.1 — visible consist carousel arrows */

.rcp-track-wrap{
  position:relative;
}

.rcp-track{
  scroll-behavior:smooth;
  padding-left:2px;
  padding-right:2px;
}

.rcp-carousel-btn{
  position:absolute;
  top:50%;
  z-index:12;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(41,76,88,.18);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#173a41;
  box-shadow:0 4px 14px rgba(25,58,65,.15);
  transform:translateY(-50%);
  cursor:pointer;
  opacity:.96;
  transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease;
  -webkit-tap-highlight-color:transparent;
}

.rcp-carousel-btn:hover{
  transform:translateY(-50%) scale(1.04);
  box-shadow:0 5px 16px rgba(25,58,65,.2);
}

.rcp-carousel-btn:active{
  transform:translateY(-50%) scale(.96);
}

.rcp-carousel-btn[hidden]{
  display:none;
}

.rcp-carousel-btn.is-left{left:5px}
.rcp-carousel-btn.is-right{right:5px}

.rcp-carousel-btn svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:2.4;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rcp-track-wrap.has-overflow::after{
  content:"";
  position:absolute;
  top:2px;
  right:0;
  bottom:8px;
  width:26px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92));
  border-radius:0 10px 10px 0;
}

.rcp-track-wrap.at-end::after{
  display:none;
}

/* The textual hint remains secondary; the arrow is the primary affordance. */
.rcp-swipe-hint{
  min-height:12px;
}

@media(max-width:560px){
  .rcp-carousel-btn{
    width:38px;
    height:38px;
  }
  .rcp-carousel-btn.is-left{left:3px}
  .rcp-carousel-btn.is-right{right:3px}
  .rcp-carousel-btn svg{
    width:18px;
    height:18px;
  }
}