/* ============================================
   MARQUEE — Archiprogramme
   ============================================ */

/* Empêche le débordement horizontal pendant le chargement */
html {
  overflow-x: hidden;
}

.ap-marquee {
  overflow: hidden;
  width: 100%;
}

.ap-marquee__track {
  display: flex;
  width: max-content;
  animation: ap-marquee-scroll 25s linear infinite;
}

.ap-marquee:hover .ap-marquee__track {
  animation-play-state: paused;
}

.ap-marquee__item {
  white-space: nowrap;
  color: #000 !important;
  font-family: Epilogue !important;
  font-size: 110px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

/* Styles uniquement pour le shortcode (div.ap-marquee) */
.ap-marquee > .ap-marquee__track > .ap-marquee__item {
  font-family: 'Epilogue', sans-serif;
  font-weight: 700 !important;
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1;
  padding-right: 1.5em;
  color: var(--ap-nuit, #0D0D0D);
}

/* Variantes couleur */
.ap-marquee--signal .ap-marquee__item { color: var(--ap-signal, #EA6928) !important; }
.ap-marquee--blanc  .ap-marquee__item { color: var(--ap-blanc, #FFFFFF) !important; }

[data-mrq-id="competences"] .ap-marquee__item {
  color: #ffffff !important;
}

[data-mrq-id="prestations"] .ap-marquee__item {
  font-size: 135px !important;
  color: #ffffff !important;
}

[data-mrq-id="contact"] .ap-marquee__item {
  font-size: 135px !important;
}

@media (max-width: 768px) {
  [data-mrq-id="prestations"] .ap-marquee__item,
  [data-mrq-id="contact"] .ap-marquee__item {
    font-size: 65px !important;
  }
}

@keyframes ap-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Zéro espace sous le marquee équipe */
[data-mrq-id="equipe"],
[data-mrq-id="équipe"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

[data-mrq-id="equipe"] .ap-marquee__item,
[data-mrq-id="équipe"] .ap-marquee__item {
  font-size: 135px !important;
  line-height: 1.1 !important;
  padding-bottom: 0 !important;
  color: var(--ap-carnet, #EFE9DD) !important;
}

[data-mrq-id="equipe"],
[data-mrq-id="équipe"] {
  margin-bottom: -0.1em !important;
}

/* Wrappers Elementor qui contiennent le marquee équipe */
.elementor-widget:has([data-mrq-id="equipe"]),
.elementor-widget:has([data-mrq-id="équipe"]),
.elementor-widget-container:has([data-mrq-id="equipe"]),
.elementor-widget-container:has([data-mrq-id="équipe"]) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 768px) {
  .ap-marquee-heading .ap-marquee__item {
    font-size: 62px !important;
  }

  [data-mrq-id="equipe"] .ap-marquee__item,
  [data-mrq-id="équipe"] .ap-marquee__item {
    font-size: 105px !important;
    line-height: 1.3 !important;
  }
}