/* Shared website palette for Discover, event and location pages. The headers
   add this class only to browser requests; app webviews retain their styling. */
body.evont-website-dark {
    --evont-web-background: #101014;
    --evont-web-surface: #19191f;
    --evont-web-raised: #24242d;
    --evont-web-text: #f5f3f6;
    --evont-web-muted: #b4afbd;
    --evont-web-border: rgba(255, 255, 255, .14);
    color-scheme: dark;
    background: var(--evont-web-background);
    color: var(--evont-web-text);
}

/* Shared city selector, including the form embedded directly in Discover. */
body.evont-website-dark module.dashboard.forma.discover > form > select {
    background-color: var(--evont-web-raised);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23b4afbd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5% center;
    background-size: 20px;
    padding-right: 14%;
    border: 1px solid var(--evont-web-border);
    color: var(--evont-web-text);
    color-scheme: dark;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .16);
}

body.evont-website-dark module.dashboard.forma.discover > form > select:focus-visible {
    outline: 2px solid var(--evont-pink, #ee126e);
    outline-offset: 3px;
}

body.evont-website-dark module.dashboard.forma.discover > form > select option,
body.evont-website-dark module.dashboard.forma.discover > form > select optgroup {
    background: var(--evont-web-raised);
    color: var(--evont-web-text);
}

/* MBF's boosted event banner. */
body.evont-website-dark a.mbf.sticky {
    background: var(--evont-web-surface);
    border: 1px solid var(--evont-web-border);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
}

body.evont-website-dark a.mbf.sticky > element.image {
    border-color: var(--evont-web-border);
}

body.evont-website-dark a.mbf.sticky > widget.content,
body.evont-website-dark a.mbf.sticky > widget.content > p.title {
    color: var(--evont-web-text);
}

body.evont-website-dark a.mbf.sticky > widget.content > p.sponsored,
body.evont-website-dark a.mbf.sticky > widget.content > p.organizator,
body.evont-website-dark a.mbf.sticky > widget.content > p.lokacija,
body.evont-website-dark a.mbf.sticky > widget.content > p.datum {
    color: var(--evont-web-muted);
}

body.evont-website-dark a.mbf.sticky > widget.content > element.button {
    background: var(--evont-pink, #ee126e);
    color: #fff;
    box-shadow: none;
}

body.evont-website-dark a.mbf.sticky:focus-visible {
    outline: 2px solid var(--evont-pink, #ee126e);
    outline-offset: 3px;
}

/* Mobile website header, navigation and section headings. */
body.evont-website-dark widget.heros,
body.evont-website-dark widget.nav {
    background: #19191f;
    color: var(--evont-web-text);
    box-shadow: 0 5px 16px rgba(0, 0, 0, .3);
}

body.evont-website-dark widget.heading,
body.evont-website-dark section.discover > p,
body.evont-website-dark a.city.title > p.name,
body.evont-website-dark a.city.title > i,
body.evont-website-dark module.discover.studentske > section > p,
body.evont-website-dark .discover-weather-trigger {
    color: var(--evont-web-text);
}

body.evont-website-dark .discover-regional-events {
    color-scheme: dark;
    color: var(--evont-web-text);
}

body.evont-website-dark .discover-regional-events__info-button {
    color: var(--evont-web-muted);
}

body.evont-website-dark section.discover[festivals] > p.subtitle,
body.evont-website-dark widget.heading > p.broj {
    color: var(--evont-web-muted);
}

/* Flat event rows and chips. Photo cards, colored badges and promotion buttons
   keep their existing foreground colors and image overlays. */
body.evont-website-dark a.desavanje[type="general"],
body.evont-website-dark a.block[type="event"],
body.evont-website-dark widget.carousel > a.chip {
    background: var(--evont-web-surface);
    border-color: var(--evont-web-border);
    color: var(--evont-web-text);
}

body.evont-website-dark a.desavanje[type="general"].popularno,
body.evont-website-dark a.desavanje[type="general"][prioritet="high"],
body.evont-website-dark a.desavanje[type="general"][liked] {
    background: #25151f;
    border-color: rgba(254, 24, 125, .4);
}

body.evont-website-dark widget.carousel > a.chip > p.title {
    color: var(--evont-web-text);
}

body.evont-website-dark widget.carousel > a.chip:active {
    background: var(--evont-web-raised);
}

body.evont-website-dark widget.carousel > a.chip[trending],
body.evont-website-dark widget.carousel > a.chip[calendar] {
    background: #29202a;
}

body.evont-website-dark widget.carousel > a.card.desavanje > widget.content.top > element.date,
body.evont-website-dark a.card.desavanje > widget.content.top > element.date.block,
body.evont-website-dark widget.carousel > a.card.spots > widget.content.top > p.block,
body.evont-website-dark widget.carousel.top-spots-carousel .top-spot-rating,
body.evont-website-dark a.block[type="event"] > widget.content > widget.datum {
    background: var(--evont-web-raised);
    color: var(--evont-web-text);
}

body.evont-website-dark module.discover.studentske {
    background: var(--evont-web-surface);
}

body.evont-website-dark widget.partner.banner {
    background: linear-gradient(135deg, #312139, #221536);
}

body.evont-website-dark widget.partner.banner > p {
    color: var(--evont-web-text);
}

body.evont-website-dark widget.nearby-places {
    background: #21151e;
}

body.evont-website-dark widget.carousel[type="festival-discover"] > .festival-carousel-divider {
    background: var(--evont-web-border);
}

body.evont-website-dark a.button[color="ai"] {
    background: var(--evont-web-raised);
    color: var(--evont-web-text);
    border-color: var(--evont-web-border);
}

/* AI summary, weather and download sheets are connected Discover includes. */
body.evont-website-dark #ai-generate-summary {
    /* Its JavaScript sets a light inline background after loading a summary. */
    background: var(--evont-web-raised) !important;
    color: var(--evont-web-text);
    border-color: var(--evont-web-border);
}

body.evont-website-dark #ai-summary-sheet,
body.evont-website-dark .discover-weather-sheet,
body.evont-website-dark .evont-download-sheet,
body.evont-website-dark .evont-app-prompt__sheet,
body.evont-website-dark .discover-regional-events__sheet {
    background: var(--evont-web-surface);
    color: var(--evont-web-text);
    border-color: var(--evont-web-border);
}

body.evont-website-dark .discover-weather-condition {
    background: linear-gradient(135deg, #29202a, #21212c);
}

body.evont-website-dark .discover-weather-metric,
body.evont-website-dark .discover-weather-close,
body.evont-website-dark .evont-download-sheet__close,
body.evont-website-dark .evont-download-sheet__benefits {
    background: var(--evont-web-raised);
    border-color: var(--evont-web-border);
    color: var(--evont-web-text);
}

body.evont-website-dark .discover-weather-summary,
body.evont-website-dark .evont-download-sheet__title,
body.evont-website-dark .evont-app-prompt__copy h2 {
    color: var(--evont-web-text);
}

body.evont-website-dark .discover-weather-trigger-temp,
body.evont-website-dark .discover-weather-subtitle,
body.evont-website-dark .discover-weather-window,
body.evont-website-dark .discover-weather-metric .metric-label,
body.evont-website-dark .discover-weather-credit,
body.evont-website-dark .evont-download-sheet__lead,
body.evont-website-dark .evont-app-prompt__copy p,
body.evont-website-dark .evont-app-prompt__close,
body.evont-website-dark .evont-app-prompt__continue,
body.evont-website-dark .discover-regional-events__sheet p {
    color: var(--evont-web-muted);
}

body.evont-website-dark .discover-weather-sheet-handle,
body.evont-website-dark #ai-summary-sheet .sheet-handle,
body.evont-website-dark .discover-regional-events__handle,
body.evont-website-dark .evont-download-sheet__handle {
    background: #615a69;
}

body.evont-website-dark .evont-download-sheet__benefits li::marker {
    color: #ff78b4;
}

body.evont-website-dark .ad-container {
    background: var(--evont-web-raised);
}

/* Desktop Discover has its own dark surface tokens in discover-desktop.css.
   Keep its component typography and bright CTA foregrounds intact. */
body.evont-website-dark .desktop-discover-page {
    background: var(--evont-web-background);
}