/* ================================================================
   VELO.LAW® — MARQUEE (Ticker de texto)
   Overflow, sizing, arrows inline, mobile
   ================================================================ */

/* ── Overflow: impede scroll lateral ── */
.wpr-marquee-area {
  overflow: hidden !important;
  max-width: 100vw !important;
  contain: paint !important;
}
.wpr-marquee-area .section-inner,
.wpr-marquee-area .text-wrapper {
  overflow: hidden !important;
  max-width: 100% !important;
}
.wpr-marquee-area .section-inner.overflow-hidden {
  overflow: hidden !important;
}
/* Padding vertical mínimo para texto não ser cortado */
.wpr-marquee-area .section-inner {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* ── Text-wrapper: altura e alinhamento ── */
.wpr-marquee-area .text-wrapper {
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.wpr-marquee-area .text-split {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  will-change: transform;
}

/* ── Tamanho do texto ── */
.wpr-marquee-area .text-wrapper h2.title,
.wpr-marquee-area .text-wrapper .title,
.wpr-marquee-area h2.title,
.wpr-marquee-area .marquee-item,
.wpr-marquee-area .marquee-item span,
.wpr-marquee-area .marquee-item h2,
.wpr-marquee-area .marquee-item h3,
.wpr-marquee-area .marquee-item .title {
  font-size: clamp(36px, 4.4vw, 52px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* ── Arrows inline (SVG dentro do título) ── */
.wpr-marquee-area h2.title > span {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0.45em !important;
  vertical-align: middle !important;
}
.wpr-marquee-area h2.title > span img {
  height: 0.65em !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ── Mobile ── */
@media (max-width: 767.98px) {
  .wpr-marquee-area .section-inner .title,
  .wpr-marquee-area .section-inner .first-text,
  .wpr-marquee-area h2.title,
  .wpr-marquee-area .text-wrapper h2.title {
    font-size: 24px !important;
    min-width: unset !important;
    white-space: nowrap;
  }
  /* Altura ajustada para fonte menor */
  .wpr-marquee-area .text-wrapper {
    height: 52px !important;
  }
}