/* Bento graphics, carousels */

/* ----- Logo strip (same as iq-new radar-logos) ----- */

body.mw-source-enterprises-new {
  --radar-page-max: var(--ent-page-max, 1266px);
  --radar-page-margin: var(--ent-page-margin, 0px);
  --radar-content-pad: var(--ent-content-pad, 16px);
  --rp-border: var(--ent-border, #e3e8ee);
}

.radar-logos {
  padding-inline: var(--radar-page-margin);
}

.radar-logos__inner {
  width: min(var(--radar-page-max), 100%);
  margin-inline: auto;
  padding-inline: var(--radar-content-pad);
  border-block: 1px solid var(--rp-border);
}

.radar-logos__viewport {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.radar-logos__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 0;
  min-height: 64px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 940px) {
  .radar-logos__inner {
    overflow: hidden;
  }

  .radar-logos__viewport {
    overflow: hidden;
    cursor: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .radar-logos__list {
    width: 100%;
    min-height: 72px;
    animation: none;
    transform: none;
    will-change: auto;
    justify-content: space-evenly;
  }

  .radar-logos__item:not(.radar-logos__item--clone) {
    flex: 1 1 0;
    min-width: 0;
    max-width: 172px;
    width: auto;
  }
}

.radar-logos__item {
  flex: 0 0 auto;
  width: 172px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radar-logos__item--clone {
  display: none;
}

.radar-logos__item img {
  display: block;
  width: 142px;
  max-width: 100%;
  height: 34px;
  object-fit: contain;
}

@media (max-width: 939px) {
  .radar-logos {
    overflow: hidden;
  }

  .radar-logos__inner {
    padding-inline: 0;
    overflow: hidden;
  }

  .radar-logos__viewport {
    overflow: hidden;
    cursor: grab;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  }

  .radar-logos__list {
    width: max-content;
    justify-content: flex-start;
    animation: radar-logos-marquee 36s linear infinite;
    will-change: transform;
  }

  .radar-logos__viewport:hover .radar-logos__list {
    animation-play-state: paused;
  }

  .radar-logos__item--clone {
    display: flex;
  }
}

@keyframes radar-logos-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  @media (max-width: 939px) {
    .radar-logos__list {
      animation: none;
    }
  }
}
.ent-page .transaction-fraud-prevention-bento-graphic__connector-cap-pulse,
.ent-page .account-fraud-prevention-bento-graphic__gauge-indicator {
  animation: ent-connector-pulse 1.8s ease-in-out infinite;
}

.ent-page .transaction-fraud-prevention-bento-graphic__connector-arrow-fade {
  animation: ent-arrow-fade 2s ease-in-out infinite;
}

.ent-page .dispute-management-bento-graphic__dispute-reveal {
  animation: ent-dispute-reveal 3s ease-in-out infinite;
}

@keyframes ent-connector-pulse {
  0%, 100% { opacity: 0.45; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes ent-arrow-fade {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 1; }
}

@keyframes ent-dispute-reveal {
  0%, 20% { opacity: 0; transform: translateY(8px); }
  35%, 70% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-4px); }
}

.ent-page .carousel__scroller {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ent-page .carousel__scroller::-webkit-scrollbar {
  display: none;
}

.ent-page .carousel__item {
  scroll-snap-align: start;
}

.ent-page .carousel-nav {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

.ent-page .carousel-nav button {
  width: 36px;
  height: 36px;
  border: 1px solid var(--ent-border, #e3e8ee);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
}

.ent-page .carousel-nav button:disabled {
  opacity: 0.35;
  cursor: default;
}

.ent-page .accordion__item button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 1rem 0;
  font: inherit;
  cursor: pointer;
  border-top: 1px solid var(--ent-border, #e3e8ee);
}

.ent-page .accordion__panel[hidden] {
  display: none;
}

.ent-page .radar-footer-cta {
  background: var(--ent-bg-soft, #f6f9fc);
  padding-block: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
}

/* ── Page shell overflow (loads last; enterprises-page.css has broken @media blocks) ── */
html:has(body.mw-source-enterprises-new) {
  overflow-x: clip !important;
  max-width: 100%;
}

body.mw-source-enterprises-new {
  overflow-x: clip !important;
  max-width: 100% !important;
}

body.mw-source-enterprises-new main.ent-page {
  overflow-x: clip !important;
  max-width: 100% !important;
}

body.mw-source-enterprises-new .carousel__scroller {
  max-width: 100%;
  overflow: hidden;
  contain: inline-size;
}

body.mw-source-enterprises-new .carousel__section-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  overflow: hidden !important;
}

body.mw-source-enterprises-new .carousel__scroller {
  max-width: 100%;
}
