/* ─── DESIGN CHATENET ──────────────────────────────────────── */

.chatenet-nav-title {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--black);
  text-transform: uppercase;
  line-height: 1;
}

.chatenet-title {
  font-size: calc((100vw - 20px) / 9.5);
}

/* Footer sans les CTA Cy/Sé — logo centré en bas */
.chatenet-footer {
  justify-content: center;
  padding: 8rem 6rem 6rem;
  background: #171717;
}

.chatenet-footer-logo {
  position: absolute;
  bottom: 3.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.chatenet-footer-logo img {
  height: 48px;
  width: auto;
  filter: invert(1);
}

.chatenet-footer .footer-center {
  max-width: 96rem;
}

.footer-clients-label {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: -2rem;
}

.footer-clients {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  text-align: center;
}

/* Vidéos slideshow */
.gallery-item > video {
  height: 450px;
  width: auto;
  display: block;
  border-radius: 5px;
  object-fit: contain;
  background: #000;
}

/* ─── CAROUSEL FRAMES ──────────────────────────────────────── */
.carousel-frame {
  height: 450px;
  width: auto;
  position: relative;
  overflow: hidden;
  background: transparent;
  flex-shrink: 0;
}

.carousel-slides {
  display: flex;
  height: 100%;
  transition: transform 3.2s cubic-bezier(0.45, 0, 0.55, 1);
  will-change: transform;
}

.carousel-slide {
  height: 450px;
  width: auto;
  flex: 0 0 auto;
  display: block;
}

/* ─── RESPONSIVE MOBILE ────────────────────────────────────── */
@media (max-width: 700px) {
  /* Gallery */
  .gallery-item > video { height: 55vh; }
  .carousel-frame  { height: 55vh; }
  .carousel-slides { height: 55vh; }
  .carousel-slide  { height: 55vh; }

  /* Footer chatenet */
  .chatenet-footer { padding: 5rem 2rem 7rem; }
  .chatenet-footer .footer-center { max-width: 100%; }
  .chatenet-footer .footer-about,
  .chatenet-footer .footer-services,
  .footer-clients-label,
  .footer-clients { font-size: 1.1rem; letter-spacing: 0.04em; line-height: 1.8; }
  .chatenet-footer-logo img { height: 36px; }
  .chatenet-footer-logo { bottom: 2rem; }
}

/* Dots */
.carousel-dots {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  align-items: center;
  z-index: 10;
}

.carousel-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: background 0.3s, transform 0.3s;
  flex-shrink: 0;
}

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