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

body[data-theme="championshipsoccer"] {
    --font-body: 'Exo 2', 'Manrope', 'Inter', sans-serif;
    --font-heading: 'Exo 2', 'Space Grotesk', sans-serif;
    --color-bg: #e9efe9;
    --color-text: #112215;
    --color-muted: rgba(17, 34, 21, 0.7);
    --color-surface: #ffffff;
    --color-surface-alt: #eef4ed;
    --color-accent: #026a02;
    --color-accent-contrast: #ffffff;
    --color-warning-bg: rgba(2, 106, 2, 0.12);
    --color-warning-border: rgba(2, 106, 2, 0.35);
    --tpl-shell-bg: rgba(255, 255, 255, 0.93);
    --tpl-shell-border: rgba(2, 106, 2, 0.18);
    --tpl-shell-card: rgba(255, 255, 255, 0.98);
    --tpl-card-border: rgba(17, 34, 21, 0.12);
    --tpl-card-shadow: 0 22px 52px rgba(10, 34, 12, 0.12);
    --tpl-hero-card: rgba(255, 255, 255, 0.95);
    --tpl-hero-orb: radial-gradient(circle at 12% 12%, rgba(2, 106, 2, 0.22), transparent 56%);
    --tpl-ai-bg: rgba(2, 106, 2, 0.08);
    --tpl-ai-border: rgba(2, 106, 2, 0.2);
    --tpl-menu-bg: linear-gradient(180deg, #ffffff 0%, #f5faf5 100%);
    --tpl-menu-hover: rgba(13, 91, 27, 0.12);
    --tpl-overlay: rgba(9, 24, 10, 0.9);
    --tpl-link-color: #0d5d20;
    --tpl-link-hover: #0a4317;
    --tpl-footer-bg: rgba(244, 250, 244, 0.96);
    --tpl-footer-border: rgba(11, 33, 12, 0.12);
    --tpl-nav-border: 1px solid rgba(8, 40, 11, 0.2);
    --tpl-nav-shadow: 0 16px 34px rgba(4, 23, 5, 0.14);
    --radius-nav: 1.15rem;
    --radius-pill: 999px;
    --radius-card: 1.25rem;
    background: #e9efe9;
    color: var(--color-text);
}

body[data-theme="championshipsoccer"]::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(circle at 20% 18%, rgba(2, 106, 2, 0.18), transparent 58%),
        radial-gradient(circle at 84% 0%, rgba(1, 68, 1, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(243, 248, 243, 0.96), rgba(226, 236, 226, 0.96));
}

body[data-theme="championshipsoccer"] .site-header {
    background: transparent;
}

body[data-theme="championshipsoccer"] .site-nav {
    background: var(--tpl-menu-bg);
    border: var(--tpl-nav-border);
    box-shadow: var(--tpl-nav-shadow);
    border-radius: var(--radius-nav);
    backdrop-filter: blur(18px) saturate(140%);
    padding: 0.7rem 1.15rem;
}

body[data-theme="championshipsoccer"] .site-nav__item--home {
    justify-content: center;
}

body[data-theme="championshipsoccer"] .site-nav__item--home > .nav-link,
body[data-theme="championshipsoccer"] .site-nav__item--home > .site-nav__parent-controls > .nav-link {
    text-transform: none;
    letter-spacing: 0;
    background: transparent !important;
    color: #102316;
}

body[data-theme="championshipsoccer"] .site-nav__item--home > .nav-link:hover,
body[data-theme="championshipsoccer"] .site-nav__item--home > .nav-link:focus-visible,
body[data-theme="championshipsoccer"] .site-nav__item--home.is-active > .nav-link {
    background: rgba(13, 91, 27, 0.14) !important;
    color: #ffffff;
}

body[data-theme="championshipsoccer"] .nav-link,
body[data-theme="championshipsoccer"] .site-nav__parent-controls > .nav-link {
    color: #102316;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 0.82rem;
    border: 1px solid transparent;
    padding: 0.35rem 0.9rem;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body[data-theme="championshipsoccer"] .nav-link:hover,
body[data-theme="championshipsoccer"] .nav-link:focus-visible,
body[data-theme="championshipsoccer"] .nav-link.is-active,
body[data-theme="championshipsoccer"] .site-nav__item.is-active > .site-nav__parent-controls > .nav-link {
    background: linear-gradient(130deg, #0d5b1b, #0a4615);
    color: #ffffff;
    border-color: rgba(18, 95, 30, 0.88);
    box-shadow: 0 14px 26px rgba(2, 20, 4, 0.28);
}

body[data-theme="championshipsoccer"] .site-nav__caret {
    border-color: rgba(16, 35, 22, 0.76);
}

body[data-theme="championshipsoccer"] .site-nav__submenu {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(8, 40, 11, 0.14);
    box-shadow: 0 24px 52px rgba(5, 23, 6, 0.18);
    backdrop-filter: blur(16px) saturate(135%);
}

body[data-theme="championshipsoccer"] .site-nav__submenu .nav-link {
    color: #102316;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: none;
    border-radius: 0.7rem;
    padding: 0.45rem 0.85rem;
}

body[data-theme="championshipsoccer"] .site-nav__submenu .nav-link:hover,
body[data-theme="championshipsoccer"] .site-nav__submenu .nav-link:focus-visible,
body[data-theme="championshipsoccer"] .site-nav__submenu .nav-link.is-active,
body[data-theme="championshipsoccer"] .site-nav__submenu .site-nav__item.is-active > .nav-link {
    background: linear-gradient(130deg, #0d5b1b, #0a4615);
    color: #ffffff;
    border-color: rgba(18, 95, 30, 0.9);
    box-shadow: 0 12px 24px rgba(5, 23, 6, 0.24);
}

body[data-theme="championshipsoccer"] .language-switch a {
    color: rgba(10, 34, 14, 0.86);
    border: 1px solid rgba(7, 40, 10, 0.16);
}

body[data-theme="championshipsoccer"] .language-switch a:hover,
body[data-theme="championshipsoccer"] .language-switch a:focus-visible {
    color: #08270c;
    background: rgba(10, 76, 18, 0.12);
}

body[data-theme="championshipsoccer"] .language-switch a.is-active {
    color: #ffffff;
    background: linear-gradient(120deg, #0e6a21, #0b4e18);
    border-color: rgba(11, 86, 26, 0.85);
    box-shadow: 0 12px 24px rgba(4, 26, 8, 0.24);
}

body[data-theme="championshipsoccer"] .site-footer {
    border-top: 1px solid rgba(11, 33, 12, 0.12);
}

body[data-theme="championshipsoccer"] .footer-highlight__legal,
body[data-theme="championshipsoccer"] .footer-highlight__subtitle {
    color: #123219;
    opacity: 1;
}

@media (max-width: 960px) {
    body[data-theme="championshipsoccer"] .site-nav {
        border-radius: 1.05rem;
    }
    body[data-theme="championshipsoccer"] .nav-link,
    body[data-theme="championshipsoccer"] .site-nav__parent-controls > .nav-link {
        letter-spacing: 0.04em;
        padding: 0.34rem 0.72rem;
    }
}