/* Kakanj-X 2.1.6 — targeted dark fixes for everything EXCEPT the Najnovije modules.
   Inherits 2.1.5 and leaves the functioning Latest listing and sidebar tabs unchanged. */
body.kx-portal-theme-213.kx-theme-dark {
 --kx216-canvas:#11161d; --kx216-panel:#1b232d; --kx216-raised:#242e3a;
 --kx216-line:#354251; --kx216-text:#edf2f6; --kx216-muted:#acbac9;
 --kx216-green:#a9dc76; background:#11161d; color:#edf2f6;
}
/* Lay out site surfaces without one massive dark rectangle. */
body.kx-theme-dark :is(main.container,.kx-home-shell.kx-klix-2026,.kx-klix-2026 .kx-home) {
 background:transparent!important; color:var(--kx216-text)!important;
}
/* Header: preserve brand logo original colors, separate utility header and navigation. */
body.kx-theme-dark :is(.site-header,.header,.topbar,.top-bar,.kx-header,.kx-site-header) {
 background:#161d25!important; color:var(--kx216-text)!important;
 border-color:var(--kx216-line)!important;
}
body.kx-theme-dark :is(.kx-global-nav,.kx-nav-row,.kx-nav-search,.kx-news-submenu-186,.kx-dropdown-186) {
 background:#161e27!important; border-color:#394856!important;
}
body.kx-theme-dark :is(.kx-global-nav,.kx-nav-row) a {color:#e7edf2!important;}
body.kx-theme-dark :is(.kx-global-nav,.kx-nav-row) a:hover {color:#b4e788!important;}
/* Homepage: primary story area gets a quiet panel and deliberate story separators. */
body.kx-theme-dark .kx-klix-2026 .kx-home-headline {
 background:#1a232d!important; border:1px solid var(--kx216-line)!important;
 border-radius:10px; padding:12px 16px; color:#eff3f6!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-home-headline strong {color:#f2f5f8!important;}
body.kx-theme-dark .kx-klix-2026 .kx-home-headline > span:not(.kx-hl-dot) {color:var(--kx216-muted)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-home-headline > a {color:var(--kx216-green)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-top-grid {background:transparent!important;box-shadow:none!important;border:0!important;}
body.kx-theme-dark .kx-klix-2026 .kx-top-news {
 background:#1b232d!important; border:1px solid var(--kx216-line)!important;
 border-radius:12px; padding:12px; color:var(--kx216-text)!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-story {
 background:#1b232d!important; border-color:var(--kx216-line)!important; color:var(--kx216-text)!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-story h2,
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-story h3 {color:#f0f4f8!important;}
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-story:hover h2,
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-story:hover h3 {color:var(--kx216-green)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-top-news .kx-meta {color:var(--kx216-muted)!important;}
/* Rubrike: category wrappers, headings and main cards. Do not affect Najnovije. */
body.kx-theme-dark .kx-klix-2026 .kx-category-block {
 background:#1b232d!important; border:1px solid var(--kx216-line)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
 border-radius:12px; padding:16px; margin-block:20px;
}
body.kx-theme-dark .kx-klix-2026 .kx-section-title {
 background:transparent!important; border-color:var(--kx216-line)!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-section-title h2 {color:#f3f6f9!important;}
body.kx-theme-dark .kx-klix-2026 .kx-section-title>a {color:#b4de90!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-layout,
body.kx-theme-dark .kx-klix-2026 .kx-cards-row,
body.kx-theme-dark .kx-klix-2026 .kx-side-news {background:transparent!important;border-color:var(--kx216-line)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-story {
 background:#202a35!important; color:#edf2f7!important;
 border:1px solid #344453!important; border-radius:9px;
 overflow:hidden;
}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-story h3,
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-story h2 {color:#f1f5f8!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-story:hover h3 {color:var(--kx216-green)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-story .kx-meta {color:var(--kx216-muted)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-side-news .kx-side-link {
 background:#202a35!important;border-bottom:1px solid #354453!important; color:#eff3f8!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-side-news .kx-side-link strong {color:#e9eff4!important;}
body.kx-theme-dark .kx-klix-2026 .kx-category-block .kx-side-news .kx-side-link small {color:var(--kx216-muted)!important;}
body.kx-theme-dark .kx-klix-2026 .kx-jobs-row>a {
 background:#222d39!important; border:1px solid #394858!important;
 border-radius:9px; color:#edf2f7!important;
}
body.kx-theme-dark .kx-klix-2026 .kx-jobs-row>a :is(p,strong) {color:#eff3f7!important;}
body.kx-theme-dark .kx-klix-2026 .kx-jobs-row>a small {color:var(--kx216-muted)!important;}
/* Article — paper, lead paragraph, metadata rail and related content. */
body.kx-theme-dark .article-shell {background:transparent!important;color:#edf2f6!important;}
body.kx-theme-dark .article-shell .article {
 background:#1b232d!important; color:#edf2f6!important;
 border:1px solid var(--kx216-line)!important; border-radius:12px;
 box-shadow:0 6px 22px rgba(0,0,0,.12);
}
body.kx-theme-dark .article-shell .article > h1 {color:#f4f7fa!important;}
body.kx-theme-dark .article-shell :is(.article-summary,.kx-article-lead,.kx-article-lead-149) {
 background:#263443!important; color:#e4edf6!important;
 border-inline-start:3px solid #84bd58!important; border-radius:5px;
}
body.kx-theme-dark .article-shell .article-body,
body.kx-theme-dark .article-shell .article-body :is(p,li,h2,h3,h4) {color:#e5edf4!important;}
body.kx-theme-dark .article-shell .article-body a {color:#b3e68a!important;}
body.kx-theme-dark .article-shell :is(.kx-article-rail-153,.kx-rail-sticky-153,.kx-rail-author-153,.kx-rail-detail-153,
 .kx-article-aside-161,.kx-aside-card-161,.kx-share-box,.share,.comments,.comment) {
 background:#202a35!important;border-color:var(--kx216-line)!important;color:#edf2f6!important;
}
body.kx-theme-dark .article-shell :is(.kx-rail-name-153,.kx-rail-author-153 strong,.kx-rail-detail-153 time) {color:#eaf0f5!important;}
body.kx-theme-dark .article-shell :is(.kx-rail-eyebrow-153,.kx-rail-detail-153 span,.kx-rail-feedback-153) {color:var(--kx216-muted)!important;}
body.kx-theme-dark .article-shell :is(.kx-slider-caption,.kx-cover-caption,.kx-slider-bottom) {
 background:#202a35!important;color:#cbd7e3!important;border-color:var(--kx216-line)!important;
}
/* Rubrika list pages, excluding the already-correct Najnovije page. */
body.kx-theme-dark .category-head:not(.kx-latest-page-187 .category-head) {
 background:#1b232d!important;border:1px solid var(--kx216-line)!important;
 border-radius:10px;padding:15px 18px;
}
body.kx-theme-dark .archive-grid:not(.kx-latest-page-187 .archive-grid) .tile {
 background:#1e2833!important; border:1px solid var(--kx216-line)!important;
 border-radius:9px; overflow:hidden;
}
body.kx-theme-dark .archive-grid:not(.kx-latest-page-187 .archive-grid) .tile h3 {color:#f0f4f7!important;}
body.kx-theme-dark .archive-grid:not(.kx-latest-page-187 .archive-grid) .tile .meta {color:var(--kx216-muted)!important;}
/* Broad utility pages/forms/sidebar/footer. Avoid forcing colors on social buttons, ads and images. */
body.kx-theme-dark :is(.kx-jobs-page,.kx-jobs-head,.kx-jobs-search,.kx-job-card,.kx-jobs-wrap,
 .kx-events-page,.kx-events-card,.kx-pro-panel,.sidebox,.sidebar .widget) {
 background:#1b232d!important;border-color:var(--kx216-line)!important;color:#edf2f6!important;
}
body.kx-theme-dark :is(.kx-jobs-head,.kx-events-page,.kx-pro-panel) :is(h1,h2,h3,p) {color:#edf2f6!important;}
body.kx-theme-dark :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
 background:#263342!important;border:1px solid #516174!important;color:#f2f5f9!important;
}
body.kx-theme-dark :is(input,textarea)::placeholder {color:#b0bfce!important;}
body.kx-theme-dark :is(footer.foot,.foot,body>footer) {
 background:#151d26!important;color:#d7e1eb!important;border-top:1px solid #374554!important;
}
body.kx-theme-dark :is(.foot,body>footer) a {color:#d7e4ef!important;}
body.kx-theme-dark :is(.foot,body>footer) a:hover {color:var(--kx216-green)!important;}
/* Component visuals should stay legible without changing image/video content. */
body.kx-theme-dark img,body.kx-theme-dark video,body.kx-theme-dark iframe {filter:none!important;}
body.kx-theme-dark :is(a,button,input,select,textarea):focus-visible {outline:2px solid #b1e383;outline-offset:2px;}
@media (max-width:767px) {
 body.kx-theme-dark .kx-klix-2026 .kx-category-block {padding:10px;border-radius:9px;}
 body.kx-theme-dark .kx-klix-2026 .kx-top-news {padding:8px;border-radius:9px;}
 body.kx-theme-dark .article-shell .article {border-radius:8px;}
}