/* ==============================================
   Theme: Mists of Pandaria (MoP 5.x)
   Palette: Jade dark, jade green, gold, mist white — serene, mystical
   ============================================== */

.theme-mop,
body.theme-mop {
    --exp-primary:   #3f6f5a;
    --exp-secondary: #d9b15f;
    --exp-accent:    #ffffff;
    --exp-text:      #e8f5f2;
    --exp-bg:        #1f2f2a;
    --exp-bg2:       #263830;
    --exp-border:    rgba(63, 111, 90, 0.35);
    --exp-glow:      rgba(217, 177, 95, 0.28);
    --exp-muted:     #2e5044;
}

body.theme-mop { background: var(--exp-bg); color: var(--exp-text); }

body.theme-mop .site-nav {
    background: rgba(20, 28, 24, 0.97);
    border-bottom-color: rgba(63, 111, 90, 0.20);
}

body.theme-mop .nav-logo {
    background: linear-gradient(135deg, #3f6f5a, #d9b15f, #3f6f5a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-mop .nav-links a:hover,
body.theme-mop .nav-links a.active {
    color: #d9b15f;
    background: rgba(63, 111, 90, 0.14);
}

body.theme-mop .hero-title {
    background: linear-gradient(135deg, #3f6f5a, #d9b15f, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-mop .section-title { color: #d9b15f; }
body.theme-mop .stat-value    { color: #3f6f5a; }
body.theme-mop .feature-icon  { color: #3f6f5a; }

body.theme-mop .btn-primary {
    background: linear-gradient(135deg, #3f6f5a, #d9b15f);
    border-color: #d9b15f;
    color: #1f2f2a;
}
body.theme-mop .btn-primary:hover {
    background: linear-gradient(135deg, #d9b15f, #ffffff);
    box-shadow: 0 0 18px rgba(217, 177, 95, 0.45);
    color: #1f2f2a;
}

body.theme-mop .btn-ghost {
    border-color: rgba(63, 111, 90, 0.55);
    color: #3f6f5a;
}
body.theme-mop .btn-ghost:hover {
    background: rgba(63, 111, 90, 0.12);
    border-color: #d9b15f;
    color: #d9b15f;
}

body.theme-mop .content-card,
body.theme-mop .card {
    background: rgba(38, 56, 48, 0.88);
    border-color: rgba(63, 111, 90, 0.22);
}
body.theme-mop .card-head { border-bottom-color: rgba(63, 111, 90, 0.22); }

body.theme-mop .hero-slide::after {
    background: linear-gradient(
        to bottom,
        rgba(31, 47, 42, 0.30) 0%,
        rgba(31, 47, 42, 0.58) 60%,
        rgba(31, 47, 42, 0.95) 100%
    );
}

body.theme-mop .adm-sidebar {
    background: rgba(31, 47, 42, 0.98);
    border-right-color: rgba(63, 111, 90, 0.16);
}
body.theme-mop .adm-sidebar-link:hover,
body.theme-mop .adm-sidebar-link.active {
    background: rgba(217, 177, 95, 0.10);
    color: #d9b15f;
}

body.theme-mop .store-sidebar {
    background: rgba(31, 47, 42, 0.88);
    border-right-color: rgba(63, 111, 90, 0.16);
}

body.theme-mop .site-footer {
    background: #18241f;
    border-top-color: rgba(63, 111, 90, 0.14);
}
body.theme-mop .footer-logo {
    background: linear-gradient(135deg, #3f6f5a, #d9b15f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-mop .donate-pkg--popular {
    border-color: #d9b15f;
    box-shadow: 0 0 24px rgba(217, 177, 95, 0.32);
}
body.theme-mop .donate-pkg-btn.btn-primary {
    background: linear-gradient(135deg, #3f6f5a, #d9b15f);
    border-color: #d9b15f;
    color: #1f2f2a;
}