/* Overlay nav pour le carrousel L'info RCI */
.xgit-info-rci-block,
.xgit-info-rci-carousel { position: relative; }

/* Positionner la nav en overlay et la rendre non intrusive au layout */
.xgit-info-rci-block .owl-nav {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin-top: 0px !important;
  pointer-events: none; /* laisser passer les clics sauf sur les boutons */
  padding: 0px; /* léger padding pour ne pas coller aux bords */
}

/* Boutons nav actifs au hover desktop, toujours visibles en mobile via media query */
.xgit-info-rci-block .owl-nav button.owl-prev,
.xgit-info-rci-block .owl-nav button.owl-next {
  pointer-events: auto;
  background: rgba(0,0,0,0.35);
  border: 0;
  width: 35px;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgb(255 255 255 / 68%); 
}

/* Styles de navigation transférés vers common.css pour harmonisation */

.owl-theme .owl-nav [class*='owl-'] {
  background: transparent;
}



/* Espacement symétrique entre items (remplace margin Owl côté droite) */
.xgit-info-rci-carousel .owl-item {
  padding: 0 5px;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .xgit-info-rci-block .owl-nav button.owl-prev, .xgit-info-rci-block .owl-nav button.owl-next {
    width: 33px;
  }
  .xgit-info-rci-block .owl-nav span.xgit-owl-next, .xgit-info-rci-block .owl-nav span.xgit-owl-prev {
    background-size: 25px;
  }


  .xgit-info-rci-block .owl-nav {
      position: absolute;
      top: 105px;
    }
  
  
}

#block-linforcireplaybackoffice .xgit-info-rci-carousel .play.orange {
    height: 26px;
    width: 26px;
    margin-top: 10px !important;
}


#block-linforcireplaybackoffice .xgit-info-rci-carousel .play.orange i.fas.fa-play,.xgit-info-rci-carousel .play.orange i.fas.fa-pause {
    color: #fff;
    font-size: 13px;
}

#block-linforcireplaybackoffice .xgit-info-rci-carousel .node-replay.display-teaser-2-col .data {
    margin-top: 0px;
}


