/* One brand blue; secondary surfaces and highlights use the shared gray palette. */
:root {
    --smplsColorLightPrimary-hsl: var(--smplsColorGray200-hsl);
    --smplsColorLightPrimary: hsl(var(--smplsColorGray200-hsl));
    --smplsColorDarkPrimary-hsl: var(--smplsColorGray700-hsl);
    --smplsColorDarkPrimary: hsl(var(--smplsColorGray700-hsl));
}

/* Configured legacy accents follow the same brand and gray tokens. */
:root, body {
    --smplsColorCardIconInvert: hsl(var(--smplsColorGray200-hsl));
    --smplsColorCardIconText: hsl(var(--smplsColorGray200-hsl));
    --smplsColorFooterHeading: hsl(var(--smplsColorGray200-hsl));
    --smplsColorFooterHeadingDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorFooterIconFlatDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorFooterIconInvert: hsl(var(--smplsColorGray200-hsl));
    --smplsColorFooterText: hsl(var(--smplsColorGray200-hsl));
    --smplsColorIconFlatDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorInputBorderDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorInputPlaceholder: hsl(var(--smplsColorGray200-hsl));
    --smplsColorInputPlaceholderDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorMobileMenuItemDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorModalIconFlatDark: hsl(var(--smplsColorGray200-hsl));
    --smplsColorModalIconInvert: hsl(var(--smplsColorGray200-hsl));
    --smplsColorNavigationSubmenuItemDark: hsl(var(--smplsColorGray200-hsl));
}

.sc-hero-brand {
    filter: grayscale(1);
}

#site_navigation > ul > li > a {
    white-space: nowrap;
}

@media (min-width: 1024px) and (max-width: 1535px) {
    #site_navigation > ul {
        gap: clamp(8px, 1vw, 16px) !important;
    }

    #site_navigation > ul > li > a {
        font-size: 14px;
    }
}

#site_header a[aria-label="Účet"],
#site_header .site-open-more-tools,
#site_header .site-open-mobile-menu {
    color: hsl(var(--smplsColorGray900-hsl)) !important;
}

.dark #site_header a[aria-label="Účet"],
.dark #site_header .site-open-more-tools,
.dark #site_header .site-open-mobile-menu,
#site_header.site-header--light-controls:not(.headroom--not-top) a[aria-label="Účet"],
#site_header.site-header--light-controls:not(.headroom--not-top) .site-open-more-tools,
#site_header.site-header--light-controls:not(.headroom--not-top) .site-open-mobile-menu {
    color: hsl(var(--smplsColorGray50-hsl)) !important;
}

/* Match the homepage hero scale across marketing pages, including CMS headings. */
:root {
    --site-hero-heading-size: 2.25rem;
}

@media (min-width: 768px) {
    :root { --site-hero-heading-size: 3rem; }
}

@media (min-width: 1024px) {
    :root { --site-hero-heading-size: 3.75rem; }
}

:is(
    .smpls-section .theme-heading:has(> .smpls-widget-content > h1),
    .smpls-section .theme-heading > .smpls-widget-content > h1,
    .intro_hero .theme-heading,
    .intro_hero .theme-heading h1,
    .intro_hero .theme-heading h2,
    .industry-hero h1,
    .cs-intro h1,
    .cs-detail-heading h1,
    .cs-showcase-heading h1 em
) {
    font-size: var(--site-hero-heading-size) !important;
}

/* Animated value icons need a neutral, visible stroke on dark backgrounds. */
.dark :is(.smpls-icon-box-icon, .icon-group) > lord-icon:is(
    [src$="/vlupvdhl.json"],
    [src$="/gxulgxck.json"],
    [src$="/xxtkutpo.json"],
    [src$="/zbopvjaq.json"]
) {
    filter: brightness(0) invert(1);
    opacity: .86;
}