/* ==========================================================================
   navtika – temna tema (phpBB 3.3, podstil prosilverja)
   Velja samo, ko ima <html> atribut data-theme="dark"
   (razširitev navtika/darkmode)
   (nastavi ga template/event/overall_header_head_append.html).
   Vsi izbirniki so vezani na html[data-theme="dark"], zato prevladajo
   nad prosilver/navtika barvami ne glede na vrstni red datotek.
   ========================================================================== */

html[data-theme="dark"] {
	color-scheme: dark;
	--nd-page: #0e151c;
	--nd-wrap: #151f29;
	--nd-bg1: #1b2834;
	--nd-bg2: #20303e;
	--nd-bg3: #273a4b;
	--nd-hover: #2a4155;
	--nd-line: #2d4254;
	--nd-line2: #3a5266;
	--nd-text: #cdd7e0;
	--nd-muted: #8fa3b5;
	--nd-head: #e6eef5;
	--nd-link: #74bde9;
	--nd-link-h: #ff7d98;
	--nd-input: #0f1821;
	--nd-grad: linear-gradient(to bottom, #001a28 0%, #003049 2px, #004a70 92px, #004a70 100%);
	--nd-grad-line: #1d4a66;
}

/* --- osnova --- */
html[data-theme="dark"],
html[data-theme="dark"] body {
	background-color: var(--nd-page);
	color: var(--nd-text);
}
html[data-theme="dark"] .wrap {
	background-color: var(--nd-wrap);
	border-color: var(--nd-line);
}
html[data-theme="dark"] a { color: var(--nd-link); }
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus,
html[data-theme="dark"] a:active { color: var(--nd-link-h); }
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .content h2,
html[data-theme="dark"] .panel h2 { color: var(--nd-head); border-color: var(--nd-line); }
html[data-theme="dark"] h3 { border-bottom-color: var(--nd-line); }
html[data-theme="dark"] hr { border-color: transparent; border-top-color: var(--nd-line); }
html[data-theme="dark"] .copyright,
html[data-theme="dark"] .footer-row,
html[data-theme="dark"] p.right,
html[data-theme="dark"] .responsive-hide,
html[data-theme="dark"] .rightside,
html[data-theme="dark"] .topic-poster,
html[data-theme="dark"] .author,
html[data-theme="dark"] .post-author { color: var(--nd-muted); }
html[data-theme="dark"] dl.details dt,
html[data-theme="dark"] dl.details dd { color: var(--nd-text); }

/* --- glava, kategorije --- */
html[data-theme="dark"] .headerbar,
html[data-theme="dark"] .forumbg,
html[data-theme="dark"] .forabg {
	background-color: #004a70;
	background-image: var(--nd-grad);
	border-color: var(--nd-grad-line);
}
html[data-theme="dark"] .forabg .header a,
html[data-theme="dark"] .forumbg .header a,
html[data-theme="dark"] .forumbg-table .header a,
html[data-theme="dark"] ul.topiclist li.header dt,
html[data-theme="dark"] ul.topiclist li.header dd { color: #fff; }
html[data-theme="dark"] .navbar {
	background-color: #1a2733;
	border-color: var(--nd-line);
}
html[data-theme="dark"] .navbar a { color: var(--nd-link); }
html[data-theme="dark"] .search-header {
	background-color: #003049;
	box-shadow: 0 0 10px #003049;
}

/* --- vrstice in plošče --- */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .bg1,
html[data-theme="dark"] ul.forums {
	background-color: var(--nd-bg1);
	color: var(--nd-text);
}
html[data-theme="dark"] ul.forums { background-image: linear-gradient(to bottom, #1f2e3c 0%, #1b2834 100%); }
html[data-theme="dark"] .bg2 { background-color: var(--nd-bg2); }
/* barvna uporabniška imena (npr. administrator #AA0000) so na temnem ozadju pretemna */
html[data-theme="dark"] .username-coloured { filter: brightness(1.8) saturate(.9); }
/* mChat */
html[data-theme="dark"] .mchat-wrapper,
html[data-theme="dark"] #mchat-body { background-color: var(--nd-bg1); color: var(--nd-text); }
html[data-theme="dark"] .mchat-message { border-color: var(--nd-line); }
html[data-theme="dark"] .bg3 { background-color: var(--nd-bg3); }
html[data-theme="dark"] .panel,
html[data-theme="dark"] .bg1,
html[data-theme="dark"] .bg2,
html[data-theme="dark"] .bg3 { border-color: var(--nd-line); }
html[data-theme="dark"] ul.topiclist li { color: var(--nd-text); }
html[data-theme="dark"] ul.topiclist li.row { border-top-color: var(--nd-line2); border-bottom-color: #001a28; }
html[data-theme="dark"] ul.topiclist dd { border-left-color: var(--nd-line); }
html[data-theme="dark"] li.row:hover,
html[data-theme="dark"] ul.topiclist li.row:hover { background-color: var(--nd-hover); }
html[data-theme="dark"] li.row strong { color: var(--nd-head); }
html[data-theme="dark"] .row-reported { background-color: #3a1f27; }
html[data-theme="dark"] .row-unapproved { background-color: #3a3320; }
html[data-theme="dark"] .forum-description,
html[data-theme="dark"] .list-inner { color: var(--nd-text); }

/* --- tabele (seznam članov, ACP-podobni pogledi) --- */
html[data-theme="dark"] table.table1 tbody tr { border-color: var(--nd-line); }
html[data-theme="dark"] table.table1 tbody tr:hover,
html[data-theme="dark"] table.table1 tbody tr.hover { background-color: var(--nd-hover); color: var(--nd-text); }
html[data-theme="dark"] table.table1 td,
html[data-theme="dark"] table.info tbody th { color: var(--nd-text); }
html[data-theme="dark"] table.table1 tbody th { border-bottom-color: var(--nd-line); color: var(--nd-head); }
html[data-theme="dark"] table.table1 thead th { color: #fff; }

/* --- prispevki --- */
html[data-theme="dark"] .content,
html[data-theme="dark"] .postbody,
html[data-theme="dark"] .postbody .content { color: var(--nd-text); }
html[data-theme="dark"] .postprofile,
html[data-theme="dark"] .postprofile strong { color: var(--nd-text); }
html[data-theme="dark"] .has-profile .postprofile { border-left-color: var(--nd-line); }
html[data-theme="dark"] .postprofile dd,
html[data-theme="dark"] .postprofile dt { border-color: var(--nd-line); }
html[data-theme="dark"] .signature,
html[data-theme="dark"] .notice { border-top-color: var(--nd-line); color: var(--nd-muted); }
html[data-theme="dark"] .postlink { color: var(--nd-link); border-bottom-color: var(--nd-link); }
html[data-theme="dark"] .postlink:hover { color: var(--nd-link-h); border-bottom-color: var(--nd-link-h); }
html[data-theme="dark"] blockquote {
	background-color: #142029;
	border-color: var(--nd-line2);
}
html[data-theme="dark"] blockquote blockquote { background-color: #1a2833; }
html[data-theme="dark"] blockquote blockquote blockquote { background-color: #142029; }
html[data-theme="dark"] blockquote cite,
html[data-theme="dark"] blockquote cite a { color: var(--nd-head); }
html[data-theme="dark"] .codebox {
	background-color: var(--nd-input);
	border-color: var(--nd-line2);
}
html[data-theme="dark"] .codebox p { border-bottom-color: var(--nd-line); color: var(--nd-muted); }
html[data-theme="dark"] .codebox code { color: #7fd1a3; }
html[data-theme="dark"] .attachbox,
html[data-theme="dark"] .attachbox dd { background-color: var(--nd-input); border-color: var(--nd-line2); color: var(--nd-text); }
html[data-theme="dark"] .attachbox dd dd { color: var(--nd-text); }
html[data-theme="dark"] .attach-image img,
html[data-theme="dark"] .postbody img { border-color: var(--nd-line); }
html[data-theme="dark"] .inline-attachment dl { border-color: var(--nd-line2); }

/* --- obrazci --- */
html[data-theme="dark"] fieldset,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] fieldset dl dt label { color: var(--nd-text); }
html[data-theme="dark"] .inputbox,
html[data-theme="dark"] input.inputbox,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"] {
	background-color: var(--nd-input);
	border-color: var(--nd-line2);
	color: var(--nd-text);
}
html[data-theme="dark"] .inputbox:hover,
html[data-theme="dark"] .inputbox:focus,
html[data-theme="dark"] textarea:focus { border-color: #2f9bd6; }
html[data-theme="dark"] ::placeholder { color: #6f8496; }
html[data-theme="dark"] #message-box textarea { color: var(--nd-text); }

/* --- gumbi --- */
html[data-theme="dark"] .button,
html[data-theme="dark"] a.button1,
html[data-theme="dark"] input.button1,
html[data-theme="dark"] a.button2,
html[data-theme="dark"] input.button2,
html[data-theme="dark"] input.button3,
html[data-theme="dark"] .button-secondary {
	background-color: #223140;
	background-image: linear-gradient(to bottom, #2a3c4d 0%, #1f2d3a 100%);
	border-color: var(--nd-line2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset;
	color: var(--nd-text);
}
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] .button:focus,
html[data-theme="dark"] a.button1:hover,
html[data-theme="dark"] input.button1:hover,
html[data-theme="dark"] a.button2:hover,
html[data-theme="dark"] input.button2:hover,
html[data-theme="dark"] input.button3:hover {
	background-image: linear-gradient(to bottom, #1f2d3a 0%, #2a3c4d 100%);
	border-color: #2f9bd6;
	color: #fff;
}
html[data-theme="dark"] .button .icon,
html[data-theme="dark"] .button-secondary { color: #9fb2c3; }
html[data-theme="dark"] .button:hover .icon { color: #fff; }
html[data-theme="dark"] .button-search,
html[data-theme="dark"] .button-search-end {
	background-color: transparent;
	background-image: none;
	border-color: var(--nd-line2);
}
html[data-theme="dark"] .search-header .button-search,
html[data-theme="dark"] .search-header .button-search-end,
html[data-theme="dark"] .search-box .inputbox { border-color: var(--nd-grad-line); }

/* --- spustni meniji, obvestila --- */
html[data-theme="dark"] .dropdown .dropdown-contents {
	background-color: var(--nd-bg1);
	border-color: var(--nd-line2);
	box-shadow: 1px 3px 8px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .dropdown .pointer { border-color: var(--nd-line2) transparent; }
html[data-theme="dark"] .dropdown .pointer-inner { border-color: var(--nd-bg1) transparent; }
html[data-theme="dark"] .dropdown li,
html[data-theme="dark"] .dropdown-contents a { color: var(--nd-text); }
html[data-theme="dark"] .dropdown li.separator { border-color: var(--nd-line); }
html[data-theme="dark"] .dropdown-extended .header,
html[data-theme="dark"] .dropdown-extended .footer { background-color: var(--nd-bg2); border-color: var(--nd-line); color: var(--nd-head); }
html[data-theme="dark"] .dropdown-extended ul li { border-top-color: var(--nd-line); }
html[data-theme="dark"] .dropdown-extended ul li:hover { background-color: var(--nd-hover); color: var(--nd-text); }
html[data-theme="dark"] .notification_list p.notification-time,
html[data-theme="dark"] .notification_list .notification-reference { color: var(--nd-muted); }
html[data-theme="dark"] .phpbb_alert {
	background-color: var(--nd-bg1);
	border-color: var(--nd-line2);
	color: var(--nd-text);
}
html[data-theme="dark"] .darkenwrapper { background-color: rgba(0, 0, 0, .6); }

/* --- številčenje strani, zavihki --- */
html[data-theme="dark"] .pagination li a,
html[data-theme="dark"] .pagination li span {
	background-color: var(--nd-bg2);
	background-image: none;
	border-color: var(--nd-line2);
	color: var(--nd-text);
}
html[data-theme="dark"] .pagination li a:hover,
html[data-theme="dark"] .pagination .dropdown-visible a.dropdown-trigger { background-color: #0076b1; border-color: #0076b1; color: #fff; }
html[data-theme="dark"] .pagination li.active span { background-color: #0076b1; border-color: #0076b1; color: #fff; }
html[data-theme="dark"] .pagination li.ellipsis span { background: transparent; border-color: transparent; }
html[data-theme="dark"] .tabs .tab > a {
	background: var(--nd-bg2);
	border-color: var(--nd-line2);
	color: var(--nd-text);
}
html[data-theme="dark"] .tabs .tab > a:hover { background: var(--nd-hover); color: #fff; }
html[data-theme="dark"] .tabs .activetab > a,
html[data-theme="dark"] .tabs .activetab > a:hover {
	background: var(--nd-bg1);
	border-color: var(--nd-line2);
	box-shadow: 0 1px 1px var(--nd-bg1);
	color: var(--nd-head);
}
html[data-theme="dark"] #minitabs .tab > a { background-color: var(--nd-bg2); }
html[data-theme="dark"] #minitabs .activetab > a { background-color: var(--nd-bg1); color: var(--nd-head); }

/* --- uporabniški nadzorni center --- */
html[data-theme="dark"] #cp-main .panel,
html[data-theme="dark"] #cp-menu .panel { background-color: var(--nd-bg1); }
html[data-theme="dark"] #navigation a,
html[data-theme="dark"] .navigation a { background: var(--nd-bg2); color: var(--nd-text); }
html[data-theme="dark"] #navigation a:hover,
html[data-theme="dark"] .navigation a:hover,
html[data-theme="dark"] #navigation #active-subsection a,
html[data-theme="dark"] .navigation .active-subsection a { background: #0076b1; color: #fff; }
html[data-theme="dark"] .cp-mini { background-color: var(--nd-bg2); }

/* --- sporočila, pravila --- */
html[data-theme="dark"] .rules { background-color: #3a1f27; color: #ff9db3; }
html[data-theme="dark"] .error,
html[data-theme="dark"] p.error { color: #ff8a9e; }
html[data-theme="dark"] .successbox { background-color: #173a2a; border-color: #2f6b4e; color: #8fe0b5; }
html[data-theme="dark"] .errorbox { background-color: #3a1f27; border-color: #7a3445; color: #ff9db3; }
html[data-theme="dark"] .warningbox { background-color: #3a3320; border-color: #7a6a33; color: #f2d58a; }

/* --- piškotki (cookieconsent) --- */
html[data-theme="dark"] .cc-window { background-color: #0b1218 !important; color: var(--nd-text) !important; }
html[data-theme="dark"] .cc-btn { background-color: #0076b1 !important; color: #fff !important; }

/* --- gumb za preklop teme --- */
.theme-toggle .icon { width: 1.2em; }
html[data-theme="dark"] .theme-toggle .fa-moon-o,
html:not([data-theme="dark"]) .theme-toggle .fa-sun-o { display: none; }