/* CSS placed here will be applied to NIWA dark skins */

/* Dark hacks */
:is(.navbox, .infobox, .infobox-wide, .wikitable th) :is(a:has(span, font), :is(span, font):not([style*="--dark"])) {
	color: inherit !important;
}
th[style*="--darkbg:"], [style*="--darkbg:"] th,
table:not(.shroombg):is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) > * > :is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) > th:is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) {
	color: #fff;
}
table:not(.shroombg) caption:is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])),
table:not(.shroombg):is([style*="color:#000"], [style*="color: #000"], [style*="color:black"], [style*="color: black"]):is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) > * > :is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) > td:is([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], :not([bgcolor], [style*="background"])) {
	color: var(--text-color);
}
:not([style*="color:"], [style*="--darkbg:"]) > :not([style*="color:"], [style*="--darkbg:"]) > :not([style*="color:"], [style*="--darkbg:"]) > :is([bgcolor], [style*="background"]):not([bgcolor=""], [style*="none"], [style*="transparent"], [style*="rgba"], [style*="--darkbg:"]) {
	color: #000;
}

/* Crowdsignal */
.pds-vote-button {
	color: #fff !important;
	background: #333 !important;
	border-color: #666 !important;
}
.pds-answer-feedback {
	filter: invert(1) hue-rotate(180deg);
}

/* Misc. fixes */
.notice-template, .messagebox:not([style*="rgba"]),
#siteNotice table:not([class], [style*="rgba"]) th {
	color: #fff !important;
	background: #333 !important;
	border-color: #666 !important;
}
#siteNotice table:not([class], [style*="rgba"]) {
	color: #fff !important;
	background: #444 !important;
	border-color: #666 !important;
}
#rc-staff {
	border-color: #515860 !important;
}

/* Tabbers */
ul.tabbernav {
	border-color: #666;
}
ul.tabbernav li a {
	border-color: #666;
	background: #1A1A1A;
	color: #B1B1F5 !important;
}
ul.tabbernav li a:hover {
	background: #2A2A2A;
}
.tabberlive .tabbertab {
	border-color: #666;
	background: #000;
}
ul.tabbernav li.tabberactive a {
	background: #000;
	border-bottom-color: #000;
	color: #fff !important;
}
/* Infobox tabbers */
body:not(.khwiki) .infobox ul.tabbernav li a {
	background: #222 !important;
	border-color: #333 !important;
}
body:not(.khwiki) .infobox ul.tabbernav li.tabberactive a {
	background: #333 !important;
	border-color: #666 !important;
}

/* Infoboxes */
.infobox {
	--darkcolor: #FFF;
	--darkborder: #666;
	--darkbannercolor: var(--darkcolor);
	--darkbannerbg: #333;
	--darkbannerborder: var(--darkborder);
	--darksubbannercolor: var(--darkcolor);
	--darksubbannerbg: #2A2A2A;
	--darkheadercolor: var(--darkcolor);
	--darkheaderbg: #222;
	--darkrowcolor: var(--darkcolor);
	--darkrowevenbg: var(--darkrowbg);
	--darkrowoddbg: var(--darkrowbg);
	--darkrowbg: #1A1A1A;
	--darkrowborder: var(--darkborder);
	--darkfooterbg: none;
	--darkbg: #111;
}
.infobox {
	color: var(--darkcolor) !important;
	background: var(--darkbg) !important;
	border-color: var(--darkborder) !important;
}
.infobox > * > tr:first-child > :only-child {
	color: var(--darkbannercolor) !important;
	background: var(--darkbannerbg) !important;
	border-color: var(--darkbannerborder) !important;
}
.infobox > * > tr:not(:first-child) > th:only-child,
.infobox > * > tr > td > table th[style*="background"],
.mediawiki .infobox > * > tr:nth-child(2) > [style*="font-size"]:only-child {
	color: var(--darksubbannercolor) !important;
	background: var(--darksubbannerbg) !important;
}
.infobox > * > tr > th {
	color: var(--darkheadercolor) !important;
	background: var(--darkheaderbg) !important;
}
.infobox > * > tr > :is(td, th) {
	color: var(--darkrowcolor) !important;
	border-color: var(--darkrowborder) !important;
}
.infobox > * > tr:nth-child(2n) > td {
	background: var(--darkrowevenbg) !important;
}
.infobox > * > tr:nth-child(2n+1) > td {
	background: var(--darkrowoddbg) !important;
}
/* Overrides */
.infobox table:not(.infobox), .infobox table:not(.infobox) :is(tr, td, th) {
	background: none !important;
	color: var(--darkcolor) !important;
	border-color: var(--darkborder) !important;
}
.infobox tr, .infobox td[colspan]:only-child:not(:has(table), [style*="background"]),
.infobox > * > tr:nth-of-type(2) > td:only-child:not(:has(table), [style*="background"]):has(img) {
	background: none !important;
}
.infobox > * > tr:not(:has(~ tr > td:not([colspan]))) > td[colspan]:only-child:not(:has(table), [style*="background"]) {
	background: var(--darkfooterbg) !important;
}

/* Wide infoboxes */
.infobox-wide {
	--darkcolor: #FFF;
	--darkbannercolor: var(--darkcolor);
	--darkbannerbg: #111;
	--darkbannerborder: var(--darkborder);
	--darksubbannercolor: var(--darkcolor);
	--darksubbannerbg: #222;
	--darkheadercolor: var(--darkcolor);
	--darkheaderbg: #2A2A2A;
	--darkrowcolor: var(--darkcolor);
	--darkrowevenbg: var(--darkrowbg);
	--darkrowoddbg: var(--darkrowbg);
	--darkrowbg: #333;
	--darkfooterbg: #444;
	--darkrowborder: #555;
	--darkborder: #666;
	--darkbg: #666;
}
.infobox-wide {
	color: var(--darkcolor) !important;
	background: var(--darkbg) !important;
	border-color: var(--darkborder) !important;
}
.infobox-wide > * > tr:first-child > [colspan]:only-child {
	color: var(--darkbannercolor) !important;
	background: var(--darkbannerbg) !important;
	border-color: var(--darkbannerborder) !important;
}
.infobox-wide > tbody > tr:nth-of-type(2) > td[colspan][style*="text-align"]:only-child,
.infobox-wide > tbody > tr > td[colspan][style*="text-align"]:only-child:is([style*="font-weight"], :has(b)) {
	color: var(--darksubbannercolor) !important;
	background: var(--darksubbannerbg) !important;
}
.infobox-wide th {
	color: var(--darkheadercolor) !important;
	background: var(--darkheaderbg) !important;
}
.infobox-wide :is(tr, td) {
	color: var(--darkrowcolor) !important;
	border-color: var(--darkrowborder) !important;
}
.infobox-wide > * > tr:nth-child(2n) td {
	background: var(--darkrowevenbg) !important;
}
.infobox-wide > * > tr:nth-child(2n+1) td {
	background: var(--darkrowoddbg) !important;
}
.infobox-wide > tbody > tr > td[colspan]:only-child {
	background: var(--darkfooterbg) !important;
}
/* Overrides */
.infobox-wide tr {
	background: none !important;
}

/* Navboxes */
.navbox {
	--darkcolor: #FFF;
	--darkoutline: #000;
	--darkborder: #666;
	--darkbannercolor: var(--darkcolor);
	--darkbannerbg: #333;
	--darksubbannercolor: var(--darkbannercolor);
	--darksubbannerbg: #2F2F2F;
	--darkheadercolor: var(--darkcolor);
	--darkheaderbg: #2A2A2A;
	--darksubheadercolor: var(--darkheadercolor);
	--darksubheaderbg: #222;
	--darkevenbg: var(--darkbg);
	--darkoddbg: var(--darkaltbg);
	--darkbg: #1A1A1A;
	--darkaltbg: #111;
}
.navbox {
	color: var(--darkcolor) !important;
	background: var(--darkoutline) !important;
	border-color: var(--darkborder) !important;
}
.navbox > * > tr:first-child > th:only-child {
	color: var(--darkbannercolor) !important;
	background-color: var(--darkbannerbg) !important;
}
.navbox > * > tr:not(:first-child) > th:only-child {
	color: var(--darksubbannercolor) !important;
	background: var(--darksubbannerbg) !important;
}
.navbox > * > tr:not(:first-child) > th:not(:only-child) {
	color: var(--darkheadercolor) !important;
	background: var(--darkheaderbg) !important;
}
.navbox:has(> * > tr > th[rowspan]) > * > tr:not(:first-child) > th:is(.subheader, :not(:has(+ th), [rowspan], [colspan], :only-child)) {
	color: var(--darksubheadercolor) !important;
	background: var(--darksubheaderbg) !important;
}
.navbox > * > tr:nth-child(2n) {
	background: var(--darkevenbg) !important;
}
.navbox > * > tr:nth-child(2n+1) {
	background: var(--darkoddbg) !important;
}
/* Overrides */
.navbox > * > tr,
.navbox > * > tr > td,
.navbox > * > tr > th a {
	color: inherit !important;
}
.navbox > * > tr > td {
	background: none !important;
}
.navbox > * > tr > * {
	border-color: transparent !important;
}