@import url('/assets/css/fonts-local.css');

body[data-theme="mausvertreiber_forest"] {
    --font-body: 'IBM Plex Sans', 'Inter', 'Source Sans 3', system-ui, sans-serif;
    --font-heading: 'Work Sans', 'IBM Plex Sans', 'Inter', sans-serif;
    --color-bg: #edf4ef;
    --color-text: #0f2919;
    --color-muted: rgba(15, 41, 25, 0.7);
    --color-surface: rgba(255, 255, 255, 0.95);
    --color-surface-alt: rgba(235, 244, 237, 0.9);
    --color-accent: #2f6c45;
    --color-accent-contrast: #ffffff;
    --tpl-shell-bg: rgba(255, 255, 255, 0.95);
    --tpl-shell-border: rgba(15, 41, 25, 0.08);
    --tpl-shell-card: rgba(255, 255, 255, 0.94);
    --tpl-card-border: rgba(15, 41, 25, 0.08);
    --tpl-card-shadow: 0 25px 60px rgba(7, 26, 16, 0.12);
    --tpl-hero-card: rgba(255, 255, 255, 0.9);
    --tpl-hero-orb: radial-gradient(circle at 30% 20%, rgba(90,146,106,0.25), transparent 55%);
    --tpl-menu-bg: rgba(255, 255, 255, 0.96);
    --tpl-menu-hover: rgba(47, 108, 69, 0.18);
    --tpl-overlay: rgba(5, 18, 10, 0.92);
    --tpl-link-color: #175536;
    --tpl-link-hover: #0b331d;
    --tpl-footer-bg: rgba(255, 255, 255, 0.94);
    --tpl-footer-border: rgba(15, 41, 25, 0.08);
    --nav-submenu-bg: rgba(255, 255, 255, 0.98);
    --nav-submenu-color: #0f2919;
    background: var(--color-bg);
    color: var(--color-text);
}

body[data-theme="mausvertreiber_forest"]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('/site-assets/image/bg_maus_grid.svg');
    opacity: 0.8;
    pointer-events: none;
    z-index: -2;
}

body[data-theme="mausvertreiber_forest"]::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('/site-assets/image/bg_maus_forest.svg');
    opacity: 0.35;
    pointer-events: none;
    z-index: -1;
}

body[data-theme="mausvertreiber_forest"] .site-header {
    background: rgba(255, 255, 255, 0.98);
    border-bottom: 1px solid rgba(15, 41, 25, 0.08);
    box-shadow: 0 20px 45px rgba(6, 19, 12, 0.18);
}

body[data-theme="mausvertreiber_forest"] .logo img {
    max-height: 54px;
}

body[data-theme="mausvertreiber_forest"] .site-nav {
    border-radius: 1.5rem;
    padding: 0.4rem 1.3rem;
    box-shadow: 0 15px 40px rgba(7, 26, 16, 0.08);
}

body[data-theme="mausvertreiber_forest"] .site-nav__list {
    gap: 0.5rem 0.9rem;
}

body[data-theme="mausvertreiber_forest"] .nav-link,
body[data-theme="mausvertreiber_forest"] .site-nav__parent-controls > .nav-link {
    font-family: var(--font-heading);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body[data-theme="mausvertreiber_forest"] .nav-link:hover,
body[data-theme="mausvertreiber_forest"] .nav-link.is-active {
    background: rgba(47, 108, 69, 0.18);
    color: #103720;
    transform: translateY(-1px);
}

body[data-theme="mausvertreiber_forest"] .site-nav__submenu {
    border-radius: 1.2rem;
    border: 1px solid rgba(15, 41, 25, 0.08);
    box-shadow: 0 24px 55px rgba(6, 19, 12, 0.16);
}

body[data-theme="mausvertreiber_forest"] .hero-shell {
    border-radius: 1.8rem;
    box-shadow: 0 35px 70px rgba(5, 18, 10, 0.12);
}

body[data-theme="mausvertreiber_forest"] .hero-shell__media {
    background: radial-gradient(circle at 30% 30%, rgba(77,137,95,0.3), transparent 55%),
                linear-gradient(135deg, rgba(255,255,255,0.95), rgba(204,227,209,0.9));
}

body[data-theme="mausvertreiber_forest"] .content-block,
body[data-theme="mausvertreiber_forest"] .bb-article,
body[data-theme="mausvertreiber_forest"] .news-card,
body[data-theme="mausvertreiber_forest"] .listing-card {
    border-radius: 1.35rem;
    border: 1px solid rgba(15, 41, 25, 0.08);
    box-shadow: 0 25px 60px rgba(7, 26, 16, 0.08);
}

body[data-theme="mausvertreiber_forest"] .footer-highlight {
    border-radius: 1.6rem;
    background: linear-gradient(125deg, rgba(255,255,255,0.96), rgba(214,231,218,0.95));
    border: 1px solid rgba(15, 41, 25, 0.08);
    box-shadow: 0 25px 55px rgba(5, 18, 10, 0.12);
}

body[data-theme="mausvertreiber_forest"] .footer-highlight__title {
    font-family: var(--font-heading);
    letter-spacing: 0.08em;
}

body[data-theme="mausvertreiber_forest"] .chat-launcher {
    background: linear-gradient(135deg, #2f6c45, #1b4d2f);
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(5, 18, 10, 0.35);
}

body[data-theme="mausvertreiber_forest"] .home-icon img {
    width: 28px;
    height: 28px;
}