/* Opt-in body class keeps the original theme intact when the admin switch is off. */
body.mountain-background::before {
    background: #aed6f1 url('/images/marketplace-mountains.png?v=warm-dawn-2') center bottom / cover no-repeat;
    animation: none;
    transform: none;
    opacity: 1;
    pointer-events: none;
}

body.mountain-background::after {
    background: linear-gradient(180deg, rgba(240,248,253,.12) 45%, rgba(240,248,253,.55) 100%);
    animation: none;
    transform: none;
    opacity: 1;
    pointer-events: none;
}

.mountain-background .hero-section::before { display: none; }
.mountain-background .hero-title,
.mountain-background .hero-subtitle {
    text-shadow: 0 2px 18px rgba(255,255,255,.75);
    letter-spacing: 0;
}
.mountain-background .hero-title { font-size: 64px; }
.mountain-background .hero-title .highlight {
    color: #795920;
    -webkit-text-fill-color: #795920;
}
.mountain-background .hero-section { padding: 4rem 0 4rem; }
.mountain-background .hero-badge { margin-bottom: 1.75rem; }
.mountain-background .stat-value { color: #795920; -webkit-text-fill-color: #795920; }
.mountain-background .hero-stats { background: rgba(248,252,255,.65); }
.marketplace-appearance { padding: 1.75rem 0; border-block: 1px solid var(--border-subtle); }
.marketplace-appearance h2 { font-size: 1.5rem; }
.appearance-toggle { display: flex; align-items: center; gap: .75rem; font-weight: 600; }
.appearance-toggle input { width: 22px; height: 22px; flex: 0 0 22px; accent-color: var(--accent-deep); }

@media (max-width: 991px) {
    .mountain-background .navbar-menu:not(.active) { display: none; }
}

@media (max-width: 767px) {
    body.mountain-background::before { background-position: 42% bottom; }
    .mountain-background .hero-title { font-size: 38px; }
    .mountain-background .hero-section { padding: 2.5rem 0; }
}

@media print {
    body.mountain-background::before,
    body.mountain-background::after { display: none; }
}