/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/

/* =========================
   SLIDER
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.custom-slider-container{
  width:100%;
  max-width:1400px;
  height:650px;
  margin:auto;
  position:relative;
  overflow:hidden;
  border-radius:25px;
  cursor:grab;
  box-shadow:0 15px 50px rgba(0,0,0,0.25);
}

.custom-slider-container:active{
  cursor:grabbing;
}

.custom-slider{
  width:100%;
  height:100%;
  position:relative;
}

.custom-slide{
  position:absolute;
  width:100%;
  height:100%;
  inset:0;
  opacity:0;
  transition:
    opacity 1.2s ease,
    transform 1.2s ease;
  transform:scale(1.05);
}

.custom-slide.active{
  opacity:1;
  transform:scale(1);
  z-index:2;
}

.custom-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    transform 0.6s ease,
    filter 0.6s ease;
}

/* Hover image animation */
.custom-slide img:hover{
  transform:scale(1.08);
  filter:brightness(1.1);
}

/* Custom cursor */
.custom-slider-container:hover{
  cursor:url('https://www.hygiforce.fr/wp-content/uploads/2026/05/hygiforce-nettoyage-de-l-extreme-tours-Group-1000004905.png'), auto;
}

/* =========================
   BUTTONS
========================= */

.slider-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:55px;
  height:55px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,0.15);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  z-index:20;
  transition:0.3s ease;
}

.slider-btn:hover{
  background:#fff;
  color:#000;
  transform:translateY(-50%) scale(1.1);
}

.slider-prev{
  left:20px;
}

.slider-next{
  right:20px;
}

/* =========================
   DOTS
========================= */

.slider-dots{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:20;
}

.slider-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,0.5);
  cursor:pointer;
  transition:0.3s;
}

.slider-dot.active{
  background:#fff;
  transform:scale(1.3);
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media(max-width:1024px){

  .custom-slider-container{
    height:500px;
    border-radius:20px;
  }

}

/* Mobile */
@media(max-width:767px){

  .custom-slider-container{
    height:320px;
    border-radius:16px;
  }

  .slider-btn{
    width:42px;
    height:42px;
    font-size:18px;
  }

  .slider-prev{
    left:10px;
  }

  .slider-next{
    right:10px;
  }

  .slider-dots{
    bottom:12px;
    gap:8px;
  }

  .slider-dot{
    width:10px;
    height:10px;
  }

}


/* Image rotation animation */
.rotating-image {
  width: 300px;
  height: auto;
  display: block;

  animation: rotate360 15s linear infinite;
  transition: animation-duration 0.4s ease;
  transform-origin: center center;
}

/* Slow rotation on hover */
.rotating-image:hover {
  animation-duration: 20s;
}

/* Infinite 360° rotation */
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}