.ro-dashboard__empty{
  width:100%;
  display: flex;
  justify-content: center;
  
}

.ro-dashboard__content{
display: flex;
  flex-direction: column;
  
  gap:var(--ro-space-12);
  max-width: 75%;
  }

.ro-dash-empty_def{
  background: var(--ro-dolphing-100);
  padding: var(--ro-space-24);
  border-radius: var(--ro-radius-12);
  border: 1px solid var(--ro-dolphing-300);
}

@media (max-width:680px) {
  .ro-dashboard__content{
    max-width:100%;
  }
  .ro-dash-empty_def{
  padding: var(--ro-space-12) var(--ro-space-24);
  }
}




.ro-row{
  padding: var(--ro-space-12) var(--ro-space-12);
}

@media (max-width:440px) {
  .ro-row{
  padding: var(--ro-space-24) var(--ro-space-16);
  }

  .ro-empty{
  padding: var(--ro-space-24) var(--ro-space-16);
}

  
}
  


.ro-row__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--ro-space-16);
  margin-bottom: var(--ro-space-12);
}

.ro-row__actions{
  display:flex;
  align-items:center;
  gap: var(--ro-space-8);
  flex: 0 0 auto;
}

.ro-row__rail{
  display:flex;
  gap: var(--ro-space-16);
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: var(--ro-space-8);
}

.ro-row__rail > *{
  scroll-snap-align:start;
  flex: 0 0 auto; /* card not compressed */
}

/* option: cacher la scrollbar (à décider) */
.ro-row__rail::-webkit-scrollbar{ height: 10px; }
.ro-row__rail::-webkit-scrollbar-thumb{ border-radius:999px; }

/* Card "+" */
.ro-card__add{
  min-width: 240px; /* mets la même largeur que tes cards */
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px dashed var(--ro-dolphing-300);
  background-color: var(--ro-dolphing-50);
  border-radius: var(--ro-btn-radius);
  text-decoration:none;
}

.ro-card__addInner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: var(--ro-space-8);
}

.ro-card__addPlus{
  display: flex;
  flex-direction: column;
  align-items: center;
}



.ro-card__addText{
  font-size: var(--ro-font-size-s);
}

/* Drag UX */
.ro-row.is-dragging .ro-row__rail{
  cursor: grabbing;
  scroll-behavior: auto;
}

.ro-row__rail{
  cursor: grab;
}

/* masquer les flèches si on est au bord */
.ro-row[data-ro-at-start="1"] [data-ro-row-prev],
.ro-row[data-ro-at-end="1"] [data-ro-row-next]{
  opacity: .35;
  pointer-events: none;
}

/* masquer scrollbar Firefox */
.ro-row__rail{
  scrollbar-width: none;
}
.ro-row__rail::-webkit-scrollbar{
  display:none;
}

/* ------------------------------------------------

            MASQUE A LA NETFLIX

-------------------------------------------------*/

.ro-row{
  position: relative;
}

.ro-row::before,
.ro-row::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  
  pointer-events:none;
  z-index:2;
}

.ro-row::before{
  width:20px;
  left:0;
  background:linear-gradient(to right, var(--ro-bg-0), transparent);
}

.ro-row::after{
  width:40px;
  right:0;
  background:linear-gradient(to left, var(--ro-bg-0), transparent);
}