/* Affiliate landing — Multisite Migrate brand (loads after theme + portal). */

.mm-affiliate-v2-page,
.mm-affiliate-v2-page .mm-affiliate-v2 {
    --mm-affiliate-accent-start: var(--mm-teal, #14b8a6);
    --mm-affiliate-accent-end: var(--mm-teal-dim, #0d9488);
    --mm-affiliate-accent-text: var(--mm-teal-text, #0f766e);
    --mm-affiliate-cta-start: var(--mm-navy, #0a1220);
    --mm-affiliate-cta-mid: var(--mm-teal-text, #0f766e);
    --mm-affiliate-cta-end: var(--mm-teal, #14b8a6);
}

.mm-affiliate-v2-page .mm-affiliate-accent,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-affiliate-accent {
    background: linear-gradient(135deg, var(--mm-affiliate-accent-start) 0%, var(--mm-teal-bright, #56e0d4) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.mm-affiliate-v2-page .mm-btn--teal-hero,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-btn--teal-hero {
    background: linear-gradient(135deg, var(--mm-affiliate-accent-start) 0%, var(--mm-affiliate-accent-text) 100%) !important;
    box-shadow: 0 10px 25px -5px rgba(20, 184, 166, 0.4) !important;
}

.mm-affiliate-v2-page .mm-btn--teal-hero:hover,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-btn--teal-hero:hover {
    box-shadow: 0 14px 30px -5px rgba(20, 184, 166, 0.5) !important;
}

.mm-affiliate-v2-page .mm-affiliate-step-card__num,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-affiliate-step-card__num {
    background: linear-gradient(135deg, var(--mm-affiliate-accent-start) 0%, var(--mm-affiliate-accent-end) 100%) !important;
    box-shadow: 0 4px 12px rgba(20, 184, 166, 0.3) !important;
}

.mm-affiliate-v2-page .mm-calc-btn.is-active,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-calc-btn.is-active {
    background: linear-gradient(135deg, var(--mm-affiliate-accent-start) 0%, var(--mm-affiliate-accent-end) 100%) !important;
    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.3) !important;
}

.mm-affiliate-v2-page .mm-calc-slider-input,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-calc-slider-input {
    accent-color: var(--mm-affiliate-accent-start) !important;
}

.mm-affiliate-v2-page .mm-calc-slider-input::-webkit-slider-thumb,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-calc-slider-input::-webkit-slider-thumb {
    background: var(--mm-affiliate-accent-start) !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(20, 184, 166, 0.4) !important;
}

.mm-affiliate-v2-page .mm-calc-slider-input::-moz-range-thumb,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-calc-slider-input::-moz-range-thumb {
    background: var(--mm-affiliate-accent-start) !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(20, 184, 166, 0.4) !important;
}

.mm-affiliate-v2-page .mm-calc-stat-val,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-calc-stat-val {
    color: var(--mm-affiliate-accent-text) !important;
}

.mm-affiliate-v2-page .mm-affiliate-feature-icon,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-affiliate-feature-icon {
    background: rgba(20, 184, 166, 0.1) !important;
    color: var(--mm-affiliate-accent-text) !important;
}

.mm-affiliate-v2-page .mm-affiliate-faq-item[open] .mm-affiliate-faq-chevron,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-affiliate-faq-item[open] .mm-affiliate-faq-chevron {
    color: var(--mm-affiliate-accent-start) !important;
}

.mm-affiliate-v2-page .mm-affiliate-cta-banner,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-affiliate-cta-banner {
    background: linear-gradient(135deg, var(--mm-affiliate-cta-start) 0%, var(--mm-affiliate-cta-mid) 60%, var(--mm-affiliate-cta-end) 100%) !important;
    box-shadow: 0 20px 50px -10px rgba(20, 184, 166, 0.35) !important;
}

.mm-affiliate-v2-page .mm-btn--white,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-btn--white {
    color: var(--mm-affiliate-accent-text) !important;
}

.mm-affiliate-v2-page .mm-btn--white:hover,
body.mm-page-text .mm-page-content--text .mm-affiliate-v2-page .mm-btn--white:hover {
    color: var(--mm-affiliate-accent-text) !important;
}