/* MVRPAY decorative icon palette — logos and full imagery intentionally excluded */
:root {
  --mvr-icon-cyan: #2dd4d7;
  --mvr-icon-indigo: #6677ff;
  --mvr-icon-emerald: #34d399;
}

/* Shared icon motion and restrained glow */
.ab-value-icon img,
.icon-image,
.tech-icon img,
.card-img-content,
.api5-card-icon,
.main-icon-two,
.card_icon,
.pay_card_icon {
  transition: filter .24s ease, opacity .24s ease;
}

/* Company values: alternate the core MVRPAY cyan and indigo accents */
img[src*="one-KRhTgXf8.png"],
img[src*="three-DZO1DdRO.png"],
img[src*="five-DgJ_VhDN.png"] {
  filter: hue-rotate(92deg) saturate(1.22) brightness(1.1) drop-shadow(0 0 10px rgba(45,212,215,.28));
}
img[src*="two-C4W09qlh.png"],
img[src*="four-CGKfw210.png"],
img[src*="six-CR_xF2gt.png"] {
  filter: hue-rotate(172deg) saturate(1.2) brightness(1.08) drop-shadow(0 0 10px rgba(102,119,255,.26));
}

/* Homepage capability and technology icons */
.icon-box-staggered:nth-child(odd) .icon-image,
.tech-card .tech-icon img,
.tech-card-3 .tech-icon img {
  filter: hue-rotate(92deg) saturate(1.18) brightness(1.08) drop-shadow(0 0 9px rgba(45,212,215,.24));
}
.icon-box-staggered:nth-child(even) .icon-image,
.tech-card-2 .tech-icon img,
.tech-card-4 .tech-icon img {
  filter: hue-rotate(172deg) saturate(1.15) brightness(1.07) drop-shadow(0 0 9px rgba(102,119,255,.23));
}

/* API, controls and industry icon families */
.api-card:nth-child(odd) .card-img-content,
.api5-industry-card:nth-child(odd) .api5-card-icon,
.industry_card:nth-child(odd) .card_icon,
.card-content-two:nth-child(odd) .main-icon-two {
  filter: hue-rotate(92deg) saturate(1.18) brightness(1.08) drop-shadow(0 0 8px rgba(45,212,215,.22));
}
.api-card:nth-child(even) .card-img-content,
.api5-industry-card:nth-child(even) .api5-card-icon,
.industry_card:nth-child(even) .card_icon,
.card-content-two:nth-child(even) .main-icon-two {
  filter: hue-rotate(172deg) saturate(1.16) brightness(1.07) drop-shadow(0 0 8px rgba(102,119,255,.22));
}

/* Transaction/product icon sets */
.pay_card:nth-child(3n+1) .pay_card_icon,
.payment-card:nth-child(3n+1) .pay_card_icon {
  filter: hue-rotate(92deg) saturate(1.12) brightness(1.06);
}
.pay_card:nth-child(3n+2) .pay_card_icon,
.payment-card:nth-child(3n+2) .pay_card_icon {
  filter: hue-rotate(172deg) saturate(1.12) brightness(1.06);
}
.pay_card:nth-child(3n) .pay_card_icon,
.payment-card:nth-child(3n) .pay_card_icon {
  filter: hue-rotate(118deg) saturate(1.08) brightness(1.07);
}

/* Keep the palette accessible and calm for reduced-motion users */
@media (prefers-reduced-motion: reduce) {
  .ab-value-icon img,
  .icon-image,
  .tech-icon img,
  .card-img-content,
  .api5-card-icon,
  .main-icon-two,
  .card_icon,
  .pay_card_icon { transition: none; }
}


/* MVRPAY UI accent normalization: text, buttons, badges, lines and inline icons */
:root {
  --mvr-ui-cyan: #2dd4d7;
  --mvr-ui-cyan-soft: rgba(45, 212, 215, .12);
  --mvr-ui-cyan-border: rgba(45, 212, 215, .28);
  --mvr-ui-indigo: #6677ff;
  --mvr-ui-indigo-soft: rgba(102, 119, 255, .14);
  --mvr-ui-emerald: #34d399;
}

/* Lime display text becomes MVRPAY cyan */
.color,
.pay_title_highlight,
.payouts_highlight,
.banking-badge,
.ind_highlight,
.hw_highlight,
.wc_highlight,
.api_hero_highlight,
.highlight,
.hiw-highlight,
.highlight-text,
.industry_tag + * span,
.gh-badge-pill {
  color: var(--mvr-ui-cyan) !important;
}

/* Primary commercial action */
.green-btn {
  background: var(--mvr-ui-cyan) !important;
  border-color: var(--mvr-ui-cyan) !important;
  color: #031416 !important;
  box-shadow: 0 10px 28px rgba(45, 212, 215, .2) !important;
}
.green-btn:hover,
.green-btn:focus-visible {
  background: var(--mvr-ui-indigo) !important;
  border-color: var(--mvr-ui-indigo) !important;
  color: #fff !important;
}

/* Labels and badges */
.pay_in_badge,
.banking-badge,
.hiw-badge,
.ei-badge,
.security-badge-two,
.section-badge,
.live-status-badge,
.lp-new-badge,
.bs-top-badge,
.how-it-works-badge,
.industry_tag,
.templates-pill-badge,
.rt-pill-badge,
.comp-pill-badge,
.powered-badge,
.gh-badge-pill {
  background: var(--mvr-ui-cyan-soft) !important;
  border-color: var(--mvr-ui-cyan-border) !important;
}
.pay_in_badge,
.banking-badge,
.gh-badge-pill {
  color: var(--mvr-ui-cyan) !important;
}

/* Alternating badges use indigo for hierarchy */
.lp-new-badge,
.bs-top-badge,
.rt-pill-badge,
.comp-pill-badge {
  background: var(--mvr-ui-indigo-soft) !important;
  border-color: rgba(102, 119, 255, .3) !important;
}

/* Small dots, arrows and decorative indicators */
.dot-lime,
.dot-icon,
.ind_arrow_circle,
.hw_arrow_circle,
.rt-feature-dot,
.gg-indicator-dot {
  background: var(--mvr-ui-cyan) !important;
}
.ind_icon_lime,
.payouts_icon_box,
.wc_icon_box {
  color: var(--mvr-ui-cyan) !important;
  background: var(--mvr-ui-cyan-soft) !important;
  border-color: var(--mvr-ui-cyan-border) !important;
}
.payouts_icon_box svg,
.payouts_icon_box svg *,
.wc_icon_box svg,
.wc_icon_box svg *,
.ind_icon_lime svg,
.ind_icon_lime svg * {
  color: var(--mvr-ui-cyan) !important;
  stroke: var(--mvr-ui-cyan) !important;
}

/* Soft icon surfaces and quote borders */
.lime-bg,
.lime-accent,
.lime-soft,
.icon-box-purple {
  background: var(--mvr-ui-cyan-soft) !important;
}
.pay_quote_container,
.payouts_quote_box,
.quote-box,
.ab-vision-gradient {
  border-color: var(--mvr-ui-cyan-border) !important;
}

/* Genuine positive status remains semantic emerald */
.green-badge,
.check-icon,
.lp-tag-icon-pos,
.dot-green {
  color: var(--mvr-ui-emerald) !important;
  border-color: rgba(52, 211, 153, .34) !important;
}
.green-badge,
.lp-tag-icon-pos {
  background: rgba(52, 211, 153, .12) !important;
}
.dot-green { background: var(--mvr-ui-emerald) !important; }


/* Final residual lime surface cleanup */
.pay_quote_container,
.payouts_quote_box {
  background: rgba(45, 212, 215, .025) !important;
}
.card-icon,
.card-img-content {
  color: var(--mvr-ui-cyan) !important;
}
.grid-cell.highlight-cell {
  background: rgba(45, 212, 215, .025) !important;
}


/* Embedded commercial-card feature icons */
.pricing-card li img[src^="data:image"] {
  filter: hue-rotate(92deg) saturate(1.24) brightness(1.12) drop-shadow(0 0 5px rgba(45, 212, 215, .24)) !important;
}
.pricing-card:nth-child(even) li img[src^="data:image"] {
  filter: hue-rotate(172deg) saturate(1.2) brightness(1.1) drop-shadow(0 0 5px rgba(102, 119, 255, .22)) !important;
}