/* ==========================================================================
   MT Gamification Themes – mt-gamification-themes.css
   Realm overrides for .realm--glitch and .realm--arcade.
   Only colour values change — layout, spacing and structure stay identical.
   ========================================================================== */


/* ████████████████████████████████████████████████████████████████████████████
   GLITCH THEME
   ████████████████████████████████████████████████████████████████████████████ */

/* ── Page wrapper ─────────────────────────────────────────────────────────── */
.realm--glitch .mtg-wrapper {
    background: #040512;
    color: #fff;
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.realm--glitch .mtg-hero {
    background: url('../images/Bg 1.png') center top / cover no-repeat;
}

.realm--glitch .mtg-hero::before,
.realm--glitch .mtg-hero::after {
    display: none;
}

.realm--glitch .mtg-hero__heading {
    color: #fff;
}

.realm--glitch .mtg-hero__heading-accent {
    color: #7139D1;
}

.realm--glitch .mtg-hero__subtext {
    color: #fff;
}

/* ── How It Works ─────────────────────────────────────────────────────────── */
.realm--glitch .mtg-how {
    background: #040512;
}

.realm--glitch .mtg-how__heading {
    color: #7139D1;
}

.realm--glitch .mtg-how-card {
    background: rgba(128, 128, 128, 0.16);
    background-blend-mode: luminosity;
}


.realm--glitch .mtg-how-card__desc {
    color: #fff;
}

/* ── Why This Works ───────────────────────────────────────────────────────── */
.realm--glitch .mtg-why {
    background: #040512;
}


.realm--glitch .mtg-why__heading {
    color: #7139D1;
}

.realm--glitch .mtg-why-compare {
    border-color: rgba(113, 57, 209, 0.25);
}

.realm--glitch .mtg-why-compare__col--tools {
    background: rgba(255, 255, 255, 0.04);
}

.realm--glitch .mtg-why-compare__col--magic {
    background: linear-gradient(160deg, rgba(113, 57, 209, 0.18) 0%, rgba(187, 147, 255, 0.12) 100%);
}

.realm--glitch .mtg-why-label--tools {
    color: #929292;
}

.realm--glitch .mtg-why-list--tools li,
.realm--glitch .mtg-why-list--tools p {
    color: #929292;
}

.realm--glitch .mtg-why-label--magic {
    color: #fff;
}

.realm--glitch .mtg-why-list--magic li,
.realm--glitch .mtg-why-list--magic p {
    color: #fff;
}

.realm--glitch .mtg-why-screenshot {
    background: rgba(113, 57, 209, 0.12);
}

/* ── Rewards ──────────────────────────────────────────────────────────────── */
.realm--glitch .mtg-rewards {
    background: #040512;
}

.realm--glitch .mtg-rewards__eyebrow {
    color: #fff;
}

.realm--glitch .mtg-rewards__heading {
    color: #7139D1;
}

.realm--glitch .mtg-rewards__section-label {
    color: #fff;
}

.realm--glitch .mtg-rewards__desc {
    color: #7139D1;
}

.realm--glitch .mtg-rewards__item-icon {
    background: linear-gradient(135deg, rgba(113, 57, 209, 0.25) 0%, rgba(187, 147, 255, 0.15) 100%);
    border-color: rgba(113, 57, 209, 0.3);
}

.realm--glitch .mtg-rewards__item-title {
    color: #fff;
}

.realm--glitch .mtg-rewards__item-desc {
    color: #fff;
}

.realm--glitch .mtg-rewards__guide-link {
    color: #7139D1;
}

.realm--glitch .mtg-rewards__guide-link:hover {
    color: #7139D1;
}

/* ── Slider ───────────────────────────────────────────────────────────────── */
.realm--glitch .mtg-slider {
    background: #040512;
}

.realm--glitch .mtg-slider__label {
    color: #fff;
}

/* ── Progression ──────────────────────────────────────────────────────────── */
.realm--glitch .mtg-progression {
    background: #040512;
}

.realm--glitch .mtg-prog__eyebrow {
    color: #fff;
}

.realm--glitch .mtg-prog__heading {
    color: #7139D1;
}

.realm--glitch .mtg-prog-card {
    background: linear-gradient(102deg, rgba(187, 147, 255, 0.11) 0%, rgba(113, 57, 209, 0.11) 106.07%);
}

.realm--glitch .mtg-prog-card::before {
    display: none;
}

.realm--glitch .mtg-prog-card__text {
    color: #fff;
}

/* ── CTA ──────────────────────────────────────────────────────────────────── */
.realm--glitch .mtg-cta {
    background: #040512;
}

.realm--glitch .mtg-cta__glow-left {
    width: 51.60475rem;
    height: 51.60475rem;
    border-radius: 51.60475rem;
    background: rgba(177, 46, 165, 0.40);
    opacity: 0.13;
    filter: blur(100px);
}

.realm--glitch .mtg-cta__pill {
    background: linear-gradient(180deg, rgba(113, 57, 209, 0.11) 0%, rgba(187, 147, 255, 0.11) 100%);
    box-shadow: 0 -6.163px 24.651px 0 rgba(255, 255, 255, 0.16) inset;
}

.realm--glitch .mtg-cta__heading {
    color: #fff;
}

.realm--glitch .eb-btn-cta {
    background: linear-gradient(94deg, #7239D1 0%, #F741E8 100.42%);
    box-shadow: 0 8px 28px rgba(113, 57, 209, 0.45);
    color: #fff;
    font-weight: 600;
}

.realm--glitch .eb-btn-cta:hover {
    background: #8a50e0;
    box-shadow: 0 14px 40px rgba(113, 57, 209, 0.6);
}


/* ████████████████████████████████████████████████████████████████████████████
   ARCADE THEME
   ████████████████████████████████████████████████████████████████████████████ */

/* ── Page wrapper ─────────────────────────────────────────────────────────── */
.realm--arcade .mtg-wrapper {
    background: #1B1C48;
    color: #fff;
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.realm--arcade .mtg-hero {
    background: #1B1C48;
}

.realm--arcade .mtg-hero::before,
.realm--arcade .mtg-hero::after {
    display: none;
}

.realm--arcade .mtg-hero__heading {
    color: #fff;
}

.realm--arcade .mtg-hero__heading-accent {
    color: #7139D1;
}

.realm--arcade .mtg-hero__subtext {
    color: #fff;
}

/* ── How It Works ─────────────────────────────────────────────────────────── */
.realm--arcade .mtg-how {
    background: #1B1C48;
}

.realm--arcade .mtg-how__eyebrow {
    color: #fff;
}

.realm--arcade .mtg-how__heading {
    color: #7139D1;
}

.realm--arcade .mtg-how-card {
    background: linear-gradient(102deg, rgba(187, 147, 255, 0.08) 0%, rgba(113, 57, 209, 0.18) 100%);
    border-color: rgba(113, 57, 209, 0.22);
}


.realm--arcade .mtg-how-card__desc {
    color: #fff;
}

/* ── Why This Works ───────────────────────────────────────────────────────── */
.realm--arcade .mtg-why {
    background: #1B1C48;
}

.realm--arcade .mtg-why__heading {
    color: #7139D1;
}

.realm--arcade .mtg-why-compare {
    border-color: rgba(113, 57, 209, 0.25);
}

.realm--arcade .mtg-why-compare__col--tools {
    background: rgba(255, 255, 255, 0.04);
}

.realm--arcade .mtg-why-compare__col--magic {
    background: linear-gradient(160deg, rgba(113, 57, 209, 0.22) 0%, rgba(187, 147, 255, 0.14) 100%);
}

.realm--arcade .mtg-why-compare__col--tools .mtg-why-compare__label {
    color: rgba(255, 255, 255, 0.4);
}

.realm--arcade .mtg-why-compare__col--tools .mtg-why-compare__list li {
    color: rgba(255, 255, 255, 0.5);
}

.realm--arcade .mtg-why-compare__col--magic .mtg-why-compare__list li {
    color: rgba(255, 255, 255, 0.85);
}

.realm--arcade .mtg-why-label--tools {
    color: #929292;
}

.realm--arcade .mtg-why-list--tools li,
.realm--arcade .mtg-why-list--tools p {
    color: #929292;
}

.realm--arcade .mtg-why-label--magic {
    color: #fff;
}

.realm--arcade .mtg-why-list--magic li,
.realm--arcade .mtg-why-list--magic p {
    color: #fff;
}

.realm--arcade .mtg-why-screenshot {
    background: rgba(113, 57, 209, 0.15);
}

/* ── Rewards ──────────────────────────────────────────────────────────────── */
.realm--arcade .mtg-rewards {
    background: #1B1C48;
}

.realm--arcade .mtg-rewards__eyebrow {
    color: #fff;
}

.realm--arcade .mtg-rewards__heading {
    color: #7139D1;
}

.realm--arcade .mtg-rewards__section-label {
    color: #fff;
}

.realm--arcade .mtg-rewards__desc {
    color: #7139D1;
}

.realm--arcade .mtg-rewards__item-icon {
    background: linear-gradient(135deg, rgba(113, 57, 209, 0.28) 0%, rgba(187, 147, 255, 0.18) 100%);
    border-color: rgba(113, 57, 209, 0.3);
}

.realm--arcade .mtg-rewards__item-title {
    color: #fff;
}

.realm--arcade .mtg-rewards__item-desc {
    color: #fff;
}

.realm--arcade .mtg-rewards__guide-link {
    color: #a07aff;
}

.realm--arcade .mtg-rewards__guide-link:hover {
    color: #a07aff;
}

/* ── Slider ───────────────────────────────────────────────────────────────── */
.realm--arcade .mtg-slider {
    background: #1B1C48;
}

.realm--arcade .mtg-slider__label {
    color: #fff;
}

/* ── Progression ──────────────────────────────────────────────────────────── */
.realm--arcade .mtg-progression {
    background: #1B1C48;
}

.realm--arcade .mtg-prog__eyebrow {
    color: #fff;
}

.realm--arcade .mtg-prog__heading {
    color: #7139D1;
}

.realm--arcade .mtg-prog-card {
    background: linear-gradient(102deg, rgba(187, 147, 255, 0.11) 0%, rgba(113, 57, 209, 0.11) 106.07%);
}

.realm--arcade .mtg-prog-card::before {
    display: none;
}

.realm--arcade .mtg-prog-card__text {
    color: rgba(255, 255, 255, 0.75);
}

/* ── CTA ──────────────────────────────────────────────────────────────────── */
.realm--arcade .mtg-cta {
    background: #1B1C48;
}

.realm--arcade .mtg-cta__pill {
    background: linear-gradient(180deg, rgba(113, 57, 209, 0.11) 0%, rgba(187, 147, 255, 0.11) 100%);
    box-shadow: 0 -6.163px 24.651px 0 rgba(255, 255, 255, 0.3);
}

.realm--arcade .mtg-cta__heading {
    color: #fff;
}

.realm--arcade .eb-btn-cta {
    background: linear-gradient(94deg, #7239D1 0%, #F741E8 100.42%);
    box-shadow: 0 8px 28px rgba(113, 57, 209, 0.45);
}


.realm--arcade .eb-btn-cta:hover {
    background: #8a50e0;
    box-shadow: 0 14px 40px rgba(113, 57, 209, 0.6);
}