/* ═══════════════════════════════════════════════════
   SparePosen – "Market Fresh" tema (standard)
   Klassisk tema: ?theme=classic eller localStorage sp_theme=classic
   ═══════════════════════════════════════════════════ */

html.theme-market {
    --bg: #E8F2EB;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F2FBF5;
    --bg-input: #FFFFFF;
    --border: #8FBF9A;
    --text: #071810;
    --text-dim: #1B3D28;
    --text-muted: #4A6F58;
    --accent: #0B7A3E;
    --accent-dim: rgba(11, 122, 62, 0.14);
    --accent-glow: rgba(11, 122, 62, 0.34);
    --orange: #F5A623;
    --orange-dim: rgba(245, 166, 35, 0.2);
    --red: #D62828;
    --card-bg: #FFFFFF;
    --card-bg-hover: #F2FBF5;
    --accent-subtle: rgba(11, 122, 62, 0.1);
    --shadow-card: 0 4px 18px rgba(7, 24, 16, 0.08);
    --shadow-hover: 0 14px 36px rgba(7, 24, 16, 0.14);
    --radius: 16px;
}

html.theme-market body::before {
    background:
        radial-gradient(ellipse 90% 55% at 50% -15%, rgba(11, 122, 62, 0.18), transparent),
        radial-gradient(ellipse 50% 40% at 100% 85%, rgba(245, 166, 35, 0.14), transparent),
        radial-gradient(ellipse 40% 35% at 0% 55%, rgba(11, 122, 62, 0.1), transparent);
}

html.theme-market nav {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 3px solid var(--accent);
    box-shadow: 0 6px 24px rgba(7, 24, 16, 0.07);
}

html.theme-market .nav-links a:hover {
    background: var(--accent-dim);
    color: var(--accent);
}

html.theme-market .nav-links a.active {
    background: var(--accent);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 14px var(--accent-glow);
}

@media (max-width: 768px) {
    html.theme-market .nav-links {
        background: #fff;
        border-left: 3px solid var(--accent);
    }

    html.theme-market .nav-links a.active {
        background: var(--accent);
        color: #fff;
    }
}

html.theme-market .nav-kurv-btn {
    border-color: var(--accent);
    color: var(--accent);
}

html.theme-market .nav-kurv-btn:hover {
    background: var(--accent);
    color: #fff;
}

html.theme-market .hero-eyebrow {
    background: var(--accent-dim);
    padding: 0.35rem 0.9rem;
    border-radius: 100px;
    border: 1px solid rgba(11, 122, 62, 0.2);
}

html.theme-market h1 .highlight::after {
    opacity: 0.45;
    height: 0.24em;
}

html.theme-market .hero-store-card,
html.theme-market .stat-card,
html.theme-market .deal-kort,
html.theme-market .feature-kort,
html.theme-market .sammenlign-sektion,
html.theme-market .ai-kokken-card,
html.theme-market .recipe-card {
    box-shadow: var(--shadow-card);
}

html.theme-market .hero-store-card:hover,
html.theme-market .stat-card:hover,
html.theme-market .deal-kort:hover,
html.theme-market .feature-kort:hover {
    box-shadow: var(--shadow-hover);
    border-color: var(--accent);
}

html.theme-market .hero-cta {
    background: linear-gradient(135deg, var(--accent) 0%, #0E9B4F 100%);
    box-shadow: 0 8px 24px var(--accent-glow);
}

html.theme-market .hero-cta:hover {
    box-shadow: 0 12px 32px var(--accent-glow);
}

html.theme-market .ticker-wrap {
    background: linear-gradient(90deg, rgba(11, 122, 62, 0.08), rgba(245, 166, 35, 0.08));
    border-color: var(--border);
}

html.theme-market .ticker-dot {
    opacity: 1;
    background: var(--orange);
}

html.theme-market .feature-kort {
    border-left: 4px solid var(--accent);
}

html.theme-market .feature-kort--highlight {
    border-left-color: var(--orange);
    background: linear-gradient(90deg, var(--orange-dim), var(--bg-card));
}

html.theme-market .feature-ikon {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--accent-dim);
}

html.theme-market .feature-kort--highlight .feature-ikon {
    background: var(--orange-dim);
}

html.theme-market .search-input,
html.theme-market .sml-search-wrap {
    box-shadow: var(--shadow-card);
}

html.theme-market .search-input:focus,
html.theme-market .sml-search-wrap:focus-within {
    box-shadow: 0 0 0 3px var(--accent-dim), var(--shadow-card);
}

html.theme-market .ai-tab.active {
    background: linear-gradient(135deg, var(--accent), #0E9B4F);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 6px 18px var(--accent-glow);
}

html.theme-market .ai-tab:hover:not(.active) {
    border-color: var(--accent);
    color: var(--accent);
}

html.theme-market .sml-chip.active {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

html.theme-market .sml-badge-spar {
    background: var(--orange-dim);
    color: #8A5A00;
    border: 1px solid rgba(245, 166, 35, 0.45);
    font-weight: 700;
}

html.theme-market .deal-kort-pris {
    color: var(--accent);
    font-weight: 800;
}

html.theme-market .section-header h2 {
    background: linear-gradient(135deg, var(--text) 30%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html.theme-market footer {
    border-top: 3px solid var(--accent);
    background: rgba(255, 255, 255, 0.7);
}