MediaWiki

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === FALLBACK PREMENNÉ pre vanilla MediaWiki (Vector) === */
/* === OPTIMALIZOVANÉ CSS PRE MEDIAWIKI CYBERPUNK WIKI === */
/* Fandom CSS používa veľa var() premenných, ktoré tu normálne nie sú.
 
  Tieto fallbacky zabezpečia, že farby a pozadia fungujú aj bez Fandom platformy. */
/* === CSS PREMENNÉ === */
:root {
:root {
   /* “theme” fallbacky používané v tvojom CSS */
   /* Základné farby */
   --theme-page-background-color: #0a0a0a;
   --bg-primary: #0a0a0a;
   --theme-page-background-color--secondary: #111111;
   --bg-secondary: #111111;
   --theme-page-background-color--rgb: 10,10,10;
   --bg-tertiary: #1a1a1a;
   --theme-page-text-color: #ffffff;
   --text-primary: #ffffff;
   --theme-border-color: #FCEE0A;
   --text-secondary: #e0e0e0;
   --theme-link-color: #29FFFF;
   --text-muted: #cfcfcf;
  --theme-link-color--rgb: 41,255,255;


   /* Cyberpunk wiki farby – nech sú dostupné aj keď sa netrafí body.theme-fandomdesktop-* */
   /* Cyberpunk farby */
   --cyberpunkwiki-background-color: #000000;
   --accent-yellow: #FCEE0A;
  --cyberpunkwiki-background-color-alt: #111111;
   --accent-cyan: #29FFFF;
  --cyberpunkwiki-border-color: #FCEE0A;
   --link-color: #39d1ff;
   --cyberpunkwiki-border-color--secondary: #29FFFF;
   --link-visited: #a0a0ff;
   --cyberpunkwiki-text-color: #FFFFFF;
   --border-color: #2b2b2b;
   --cyberpunkwiki-link-color: #29FFFF;
   --cyberpunkwiki-accent-color: #FCEE0A;
  --cyberpunkwiki-accent-color--secondary: #29FFFF;
 
  /* H2 underline assets (fallback ak Fandom URL nebeží) – môžeš zmeniť na lokálne súbory neskôr */
  --cyberpunkwiki-h2-background-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
  --cyberpunkwiki-main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
  --cyberpunkwiki-main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
}


/* === Aplikuj farby pre Vector skin (desktop) === */
  /* Grafické assets */
.skin-vector body {
   --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
   color: var(--cyberpunkwiki-text-color);
   --main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
  background: var(--cyberpunkwiki-background-color);
   --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
}
   --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
.skin-vector a,
.skin-vector a:visited {
   color: var(--cyberpunkwiki-link-color);
  text-decoration: var(--theme-link-decoration, none);
}
.skin-vector .mw-body,
.skin-vector .mw-workspace-container {
  background: var(--theme-page-background-color);
}
.skin-vector hr {
   border-color: var(--cyberpunkwiki-border-color);
  color: var(--cyberpunkwiki-border-color);
}
 
/* H2 underline efekt, aby fungoval aj bez Fandom tried */
.skin-vector .page-content h2:not(.all-maps__empty-title),
.skin-vector .pi-header {
  background-image: var(--cyberpunkwiki-h2-background-image);
   background-repeat: no-repeat;
  background-position: 25% 105%;
  background-size: 100% 10px;
  color: var(--cyberpunkwiki-accent-color--secondary);
  border-bottom: none;
  line-height: 1.2;
  font-family: BlenderProBold, sans-serif;
  overflow: auto;
}


/* Transparentnejší content ako na Fandome */
  /* Cyberpunk table farba */
.skin-vector .page__main {
   --cp-yellow: #ffff00; /* čistá žltá */
   background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
}


/* CSS placed here will be applied to all skins */
/* === FONT FACES === */
/** Tables of Contents
*
*  1. FANDOM FIXES
*      - Section for the skin and other things
*  2. Portable Infoboxes
*  2. Tabber
*  4. CYBERPUNK WIKI - ACTUAL SITE CSS
*      - Templates, templates, templates
*
**/
 
/* Local Imports */
/* @import url("/load.php?mode=articles&articles=MediaWiki:CustomNavigation.css|MediaWiki:CustomTables.css|MediaWiki:CustomTemplates.css|MediaWiki:Netpages2077.css&only=styles"); */
@import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTemplates.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css");
 
 
 
/* Declare Custom Fonts */
@font-face {
@font-face {
font-family: "Rajdhani";
  font-family: "Rajdhani";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
  src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
}
}
@font-face {
@font-face {
font-family: "Orbitron";
  font-family: "Orbitron";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
  src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
}
}
@font-face {
@font-face {
font-family: "BlenderProBook";
  font-family: "BlenderProBook";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
  src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
}
}
@font-face {
@font-face {
font-family: "BlenderProBold";
  font-family: "BlenderProBold";
font-style: normal;
  font-weight: 700;
font-weight: 700;
  font-display: swap;
src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
  src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
}
}


/* Styling for Dark Theme (Cyberpunk 2077) */
/* === IMPORTS === */
body.theme-fandomdesktop-dark {
@import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color: #000000;
@import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color-alt: #111111;
@import url("/mediawiki/index.php?title=MediaWiki:CustomTemplates.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color--secondary: #222222;
@import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color--tertiary: #333333;
--cyberpunkwiki-border-color: #FCEE0A;
--cyberpunkwiki-border-color--secondary: #29FFFF;
--cyberpunkwiki-border-color--tertiary: #29FFFF;
--cyberpunkwiki-text-color: #FFFFFF;
--cyberpunkwiki-text-color--secondary: #000000;
--cyberpunkwiki-text-color--tertiary: #111111;
--cyberpunkwiki-link-color: #29FFFF;
--cyberpunkwiki-accent-color: #FCEE0A;
--cyberpunkwiki-accent-color--secondary: #29FFFF;
--cyberpunkwiki-accent-color--tertiary: #29FFFF;
 
/* Navbox & Tables */
--table-title-color: #000000;
--table-title-font-color: #FFFFFF;
--table-group-color: #000000;
--table-subgroup-color: #000000;
--table-subgroup-group-color: #000000;
 
/* Infobox */
--cyberpunkwiki-navbox-border-color: #FCEE0A;
--cyberpunkwiki-navbox-background-color: #000000;
--cyberpunkwiki-infobox-background: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
/* Infobox Stat Bar */
--cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
--cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
--cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
--cyberpunkwiki-pi-stat-bar-min-bg: #FCEE0A;
--cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
--cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
 
/* Misc */
--cyberpunkwiki-h2-background-image: url("/mediawiki/images/b/ba/Cyberpunk_2077_header_bottom.svg");
--cyberpunkwiki-main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
--cyberpunkwiki-main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");


--theme-page-background-color--secondary: #222222; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
/* === ZÁKLADNÉ ŠTÝLY === */
--theme-border-color: #FCEE0A; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
html, body {
--theme-link-decoration: none;
  background: var(--bg-primary) !important;
--cyberpunkwiki-database-font-color: #F75049;
  color: var(--text-primary) !important;
--cyberpunkwiki-database-title-color: #5EF6FF;
--cyberpunkwiki-icon-color: brightness(0) invert(84%) sepia(99%) saturate(2195%) hue-rotate(128deg) brightness(108%) contrast(101%);
    /* variables for Template:CompMsg */
--cyberpunkwiki-comp-color: #29FFFF;
--cyberpunkwiki-comp-alt-color: #008B8B;
--cyberpunkwiki-comp-transcript-color: #FFFFFF;
}
}
/* Styling for Light Theme (Cyberpunk RED) */
.mw-body, .mw-body-content, #content {
body.theme-fandomdesktop-light {
  background: var(--bg-primary) !important;
--cyberpunkwiki-background-color: #FFFFFF;
  color: var(--text-primary) !important;
--cyberpunkwiki-background-color-alt: #FFD6C7;
  max-width: 1080px !important;
--cyberpunkwiki-background-color--secondary: #F5F6F6;
  margin: 0 auto !important;
--cyberpunkwiki-background-color--tertiary: #F5F6F6;
  padding-left: 15px !important;
--cyberpunkwiki-border-color: #E4321B;
   box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
--cyberpunkwiki-border-color--secondary: #E4321B;
--cyberpunkwiki-border-color--tertiary: #E4321B;
--cyberpunkwiki-text-color: #000000;
--cyberpunkwiki-text-color--secondary: #FFFFFF;
--cyberpunkwiki-text-color--tertiary: #222222;
--cyberpunkwiki-link-color: #E4321B;
--cyberpunkwiki-accent-color: #E4321B;
--cyberpunkwiki-accent-color--secondary: #E4321B;
--cyberpunkwiki-accent-color--tertiary: #E4321B;
 
/* Navbox & Tables */
--table-title-color: #E4321B;
--table-title-font-color: #000000;
--table-group-color: #E4321B;
--table-subgroup-color: #FFFFFF;
--table-subgroup-group-color: #FFD6C7;
/* Infobox */
--cyberpunkwiki-navbox-border-color: #E4321B;
--cyberpunkwiki-navbox-background-color: #FFD6C7;
--cyberpunkwiki-infobox-background: url("/mediawiki/images/7/7e/Cyberpunk_RED_vertical_edge.svg");
/* Infobox Stat Bar */
--cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
--cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
--cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
--cyberpunkwiki-pi-stat-bar-min-bg: #E4321B;
--cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
--cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
 
/* Misc */
--cyberpunkwiki-h2-background-image: url("/mediawiki/images/d/d8/Cyberpunk_RED_header_bottom.svg");
--cyberpunkwiki-main-box: url("/mediawiki/images/b/be/Cyberpunk_RED_vivid_red_box.svg");
--cyberpunkwiki-main-box-alt: url("/mediawiki/images/8/80/Cyberpunk_RED_pale_orange_box.svg");
--theme-page-background-color--secondary: #FFD6C7; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
--theme-border-color: #E4321B; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
--cyberpunkwiki-database-font-color: #F75049;
--cyberpunkwiki-database-title-color: #5EF6FF;
--cyberpunkwiki-icon-color: brightness(0) invert(17%) sepia(96%) saturate(4997%) hue-rotate(3deg) brightness(105%) contrast(79%);
    /* variables for Template:CompMsg */
--cyberpunkwiki-comp-color: #8B0000;
--cyberpunkwiki-comp-alt-color: #CD5C5C;
--cyberpunkwiki-comp-transcript-color: #000000;
}
body.theme-fandomdesktop-dark .mw-highlight { --pygments-background: var(--theme-page-background-color--secondary); }
 
hr {
color: var(--cyberpunkwiki-border-color);
}
 
/** FANDOM FIXES **/
/* Framework */
 
/* article page transparency */
.page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.9); }
 
.fandom-community-header__background.cover { background-position: unset; }
 
.page { color: var(--cyberpunkwiki-text-color); }
 
/*  Wiki banner/header to make text more readable on graphic bg */
/** text shadow **/
.wds-tabs .first-level-item, .page-counter {
   text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
}
}


.fandom-community-header__community-name {
/* === NAVIGÁCIA A PANELY === */
display: none;
#mw-head, #left-navigation, #right-navigation,
#mw-page-base, #mw-head-base, #mw-navigation,
.vector-sticky-header {
  background: var(--bg-primary) !important;
  border-color: #222 !important;
}
}
 
#mw-panel, #mw-panel .portal, #mw-panel .portal .body,
/* Add drop shadows to the wiki header elements to improve contrast */
#p-logo, #p-logo a {
.fandom-community-header__image img {
   background: var(--bg-secondary) !important;
   filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000);
  color: var(--text-muted) !important;
}
}


.fandom-community-header__community-name-wrapper,
/* === ODKAZY === */
.fandom-community-header .page-counter,
a { color: var(--link-color) !important; text-decoration: none; transition: color .16s ease; }
.fandom-community-header__top-container .wds-button,
a:visited { color: var(--link-visited) !important; }
.fandom-community-header__local-navigation .first-level-item {
.mw-body-content a:hover, .mw-body-content a:focus { color: var(--accent-yellow) !important; }
  filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000);
}


.fandom-sticky-header {
/* === NADPISY === */
   color:#000;
h1, h2, h3, h4, h5, h6 {
  color: var(--accent-yellow) !important;
   border-bottom: 1px solid #333 !important;
  font-family: BlenderProBold, sans-serif;
}
}
 
.firstHeading {
.fandom-community-header__local-navigation .first-level-item a {
  background:
   color: #fff !important;
    var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat,
    linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%);
  padding-left: 140px;
   margin: .25rem 0 1.0rem 0 !important;
  border-left: 4px solid var(--accent-yellow);
}
}
 
.page-content h2:not(.all-maps__empty-title), .pi-header {
.mainpage .page-header__title, .mainpage .page-header__separator { display: none; } /* Removing title on main page */
  background-image: var(--h2-bg-image);
.page-footer__languages { display: none; } /* hides interwiki lang section at bottom of pages as can be accessed in dropdown at top */
  background-repeat: no-repeat;
.wikia-photogallery-add { display: none; } /* hides the gallery add photo button */
  background-position: 25% 105%;
 
  background-size: 100% 10px;
.page-content p, .page-content section { margin: 0.5em 0; }
  line-height: 1.2;
.page-content p + p { margin-top: 0; }
  color: var(--accent-cyan);
.page-content dl { margin: 0.2em 0 0.5em; }
  border-bottom: none;
.page__main p+ul, .page__main p+ol { margin-top: -0.5em; }
  overflow: auto;
.page__main .wds-tabber p:first-of-type+ul:first-of-type, .page__main .wds-tabber p:first-of-type+ol:first-of-type { margin-top: 0; }
.page-content ol:not(.portable-infobox ol):not(.special),
.page-content ul:not(.cp-nav-wrapper ul):not(.hlist ul):not(.toc ul):not(.wikia-slideshow-wrapper ul):not(.plainlist ul) {
margin: 0 0 0 1.8em;
}
.page-content ol.references {
margin-left: 0.9em;
}
.page-content ol.special {
margin-left: 2.7em;
}
ul.gallery {
margin: 0; /* MAIN-28514 */
}
.page-content li::marker {
color: var(--cyberpunkwiki-accent-color--secondary);
}
}


/* Content headers */
/* === TOC === */
.page-content h2:not(.all-maps__empty-title), .pi-header  {
#toc, .toc {
border-bottom: none;
  background: var(--bg-secondary) !important;
background-image: var(--cyberpunkwiki-h2-background-image);
  border: 1px solid var(--accent-yellow) !important;
background-repeat: no-repeat;
  border-radius: 4px;
background-position: 25% 105%;
  padding: .6rem .8rem !important;
background-size: 100% 10px;
line-height: 1.2;
color: var(--cyberpunkwiki-accent-color--secondary);
font-family: BlenderProBold, sans-serif;
/* text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
font-size: 18pt; */
overflow: auto; /*temporary fix for the underline overflow ~Surafbrov*/
}
}
 
.tocnumber { color: var(--accent-yellow) !important; }
.page-content h3, .toc .toctitle h2 {  
#toc ul li:hover, .toc ul li:hover {
color: var(--cyberpunkwiki-accent-color--secondary);  
  background: rgba(255,204,0,.06);
font-family: BlenderProBold, sans-serif;
  border-left: 1px solid var(--accent-yellow);
font-size: 1.25em;
  transition: all .12s ease;
}
}
.page-content h4, .page-content h5, .page-content h6 {
font-family: BlenderProBook, sans-serif;
font-size: 1.25em;
}
.toc .toctitle h2 {
background-image: none; /* prevent h2 style from affecting the TOC box */
text-transform: uppercase;
}
/* fixing highlighted reference issue */
ol.references li:target, sup.reference:target { background-color: rgba(var(--theme-link-color--rgb),.2); }
/* reference list to keep it from being kicked to the bottom */
.mw-parser-output .mw-references-wrap { clear: none; }
/* light mode fix to be darker */ /*
.theme-fandomdesktop-light .page-content h2:not(.pi-item),
.theme-fandomdesktop-light .page-content h3:not(.pi-data-label) {
text-shadow: none;
color: #000000;
} */
/** Portable Infoboxes **/
/* Eliminate border between rows  */
.pi-border-color { border-top-color: transparent; }
.portable-infobox { border-top-color: var(--cyberpunkwiki-accent-color); }
/* Fix caption size */
.portable-infobox .pi-caption { font-size: 12px; }


/* === PORTABLE INFOBOXES === */
.portable-infobox {
.portable-infobox {
    position: relative;
  position: relative;
    margin-right:5px;
  margin-right: 5px;
    border:1px solid var(--cyberpunkwiki-navbox-border-color);
  margin-left: 15px !important;
    border-radius:10px 0px 0px 10px;
  border: 1px solid var(--accent-yellow);
    background-color: var(--cyberpunkwiki-navbox-background-color);
  border-radius: 10px 0 0 10px;
    padding-bottom:4px;
  background-color: var(--bg-secondary);
  padding-bottom: 4px;
}
}
.portable-infobox ul {
margin: 0 0 0 1em;
}
/* fixes it so right border overlaps any infobox images */
.portable-infobox::after {
.portable-infobox::after {
    content: "";
  content: "";
    position: absolute;
  position: absolute;
    width: 6%;
  width: 6%;
    height: 100%;
  height: 100%;
    top: 0px;
  top: 0; right: 0;
    right: 0px;
  background-image: var(--infobox-bg);
    background-image: var(--cyberpunkwiki-infobox-background);
  background-repeat: repeat-y;
    background-repeat: repeat-y;
  background-size: 32px 1080px;
    background-size: 32px 1080px;
}
}
.pi-title {
/* edits portable infobox headers and titles to center */
  background-color: transparent;
#content .pi-title {
  border-radius: 10px 10px 0 0;
    background-color: transparent;
  color: var(--accent-cyan);
    border-radius: 10px 10px 0px 0px;
  border-bottom: none;
    color: var(--cyberpunkwiki-accent-color--secondary);
  margin-top: 5px;
    border-bottom: none;
  text-align: center;
    margin-top: 5px;
  font-family: BlenderProBold, sans-serif;
    text-align: center;
  font-size: 1.4em;
    font-family: BlenderProBold, sans-serif;
    font-size: 1.4em;
    background-image: none; /* prevents h2 article header from adding image to infobox headers */
}
}
.pi-header {
.pi-header {
    background-color: transparent;
  background-color: transparent;
    color: var(--cyberpunkwiki-accent-color--secondary);
  color: var(--accent-cyan);
    margin: 5px 15px !important;
  margin: 5px 15px !important;
    text-align: center;
  text-align: center;
font-family: BlenderProBold, sans-serif !important;
  font-family: BlenderProBold, sans-serif !important;
    font-size: 1.2em !important;
  font-size: 1.2em !important;
    background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */
  background-position: 0% 135% !important;
text-transform: none !important;
  text-transform: none !important;
}
.pi-horizontal-group .pi-header {
text-align: center;
}
 
/* captions */
.portable-infobox .pi-caption {
    text-align: center;
    line-height: 150%;
}
 
/* caption light mode fix */
.theme-fandomdesktop-light .portable-infobox .pi-caption {
  color: #8a8a8a;
}
}
/* spacing between infobox rows */
.pi-item-spacing {
    padding: 3px !important;
}
/* portable infobox data labels (not input fields) */
.pi-data-label {
.pi-data-label {
    padding: 3px 5px 3px 1px;
  padding: 3px 5px 3px 1px;
    text-align: right;
  text-align: right;
    border-right:1px var(--cyberpunkwiki-accent-color) solid;
  border-right: 1px var(--accent-yellow) solid;
    color: var(--cyberpunkwiki-accent-color--secondary);
  color: var(--accent-cyan);
    text-transform: none !important;
  text-transform: none !important;
}
/* Fix stacked data labels */
.pi-layout-stacked .pi-data-label {
    text-align: left;
}
.pi-data-value {
    padding-top: 3px;
    padding-right: 1px;
}
}


/** smart group  fix **/
/* === TABY A SELEKTORY === */
/* remove vertical borders */
.wds-tabs, .wds-tabs__wrapper, .wds-tabs__tab,
.pi-smart-data-label, .pi-smart-data-value {
.wds-tabs__tab-label, .wds-tabs__tab a,
border:none !important;
.pi-tab-link, .pi-media-collection-tabs .pi-tab-link {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
}
 
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.pi-smart-data-label {
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
   text-align: center !important;
.pi-tab-link.is-active, .pi-tab-link.current,
[role="tab"][aria-selected="true"] {
   background: var(--accent-yellow) !important;
  color: #111 !important;
  border: 1px solid #555 !important;
}
}
 
.wds-tabs__tab:hover .wds-tabs__tab-label,
.pi-smart-group-head + .pi-smart-group-body {
.pi-tab-link:hover {
   margin-top: 0px !important;
   background: var(--bg-tertiary) !important;
  color: var(--link-color) !important;
}
}


.pi-header + .pi-smart-group {
/* === TABUĽKY (všeobecné) === */
   margin-top: 0px;
.wikitable, table, .infobox {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
   margin-left: 15px !important;
}
}
 
.wikitable th, .infobox th {
.pi-smart-group-head {
   background: #222 !important;
  margin-top: 0px !important;
   color: var(--accent-yellow) !important;
}
 
/* to keep right border of infobox from possibly covering up text */
.pi-smart-data-label:last-child, .pi-smart-data-value:last-child {
padding-right:14px !important;
}
 
/* removes data label background from smart groups and keeps them centered*/
.pi-horizontal-group .pi-data-label {
text-align:center;
}
 
/* all portable infobox images, including tabber images */
.pi-image {
    background-color: transparent !important; /* will revert to default otherwise */
    padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/
}
/* portable infobox thumbnail images only */
.pi-image-thumbnail {
    background-color: transparent !important; /*will revert to default otherwise */
}
/* portable infobox thumbnail galleries fix */
.portable-infobox .wds-tab__content, .portable-infobox .pi-image-collection-tab-content {/* Wikia */
    background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */
}
 
/* remove hyphenations from infobox so no splitting words */
.portable-infobox .pi-navigation,
.portable-infobox .pi-header,
.portable-infobox .pi-caption,
.portable-infobox .pi-data-value,
.portable-infobox .pi-data-label {
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
}
 
/** Tabber **/
/* the whole tab row */
ul.wds-tabs, ul.pi-image-collection-tabs {/* Wikia */
    margin: auto 0 auto 0.01em; /* this fixes it so the image doesn't overlap the tabs and centers the tabs */
}
/* all tabs */
.pi-image-collection {/* wds-tabber maybe? */
    text-align: center;
    font-size: 13px;
}
 
/* activated tab */
ul.wds-tabs li.wds-is-current {
    background-color: transparent !important;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color);
}
/* activated hover tab */
ul.wds-tabs li.wds-is-current:hover {
    background-color: transparent !important;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
/* inactive tab */
ul.wds-tabs li {
    border: 0px none;
    margin: 0px 4px;
}
/* inactive tab hover */
ul.wds-tabs li:hover {
    background-color: transparent !important;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
 
/* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/
.pi-section-label {
text-transform:none;
height:20px;
}
 
/*** tabber for portable infobox and images ***/
/* whole row, centers tabs but is based on tab width */
.portable-infobox ul.wds-tabs li {
margin-left: auto;
margin-right: auto;
}
 
/* activated tab */
.wds-tabs__tab.wds-is-current {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color);
}
/* activated hover tab */
.wds-tabs__tab.wds-is-current:hover {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
/* inactive tab */
.wds-tabs__tab {
    border: 0px none;
    margin: 0px 4px;
}
/* inactive tab hover */
.wds-tabs__tab:hover {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
 
/* No underline for tab links */
.wds-tabs__tab-label a:active, .wds-tabs__tab-label a:focus, .wds-tabs__tab-label a:hover{ text-decoration: none; }
 
/** CYBERPUNK WIKI - ACTUAL SITE CSS **/
/* Main Page header styles */
.mainpage-header {
    font-size:18pt;
    letter-spacing:1px;
    text-align:center;
    margin-top:5px;
    background-image: var(--cyberpunkwiki-h2-background-image);
    background-repeat:no-repeat;
    background-position:50% 100%;
    background-size:70% 8px;
    color: var(--cyberpunkwiki-accent-color--secondary);
    padding-bottom:6px;
}
 
.page-header__title {
font-family: BlenderProBook, sans-serif;
}
 
/* for smaller screen resolutions */
@media only screen and (max-width: 1024px) {
.mainpage-header {
background-size: 70% 6px;
}
 
/* Fixing smaller h2 headers styling */
#content h2 {
background-position-y: 30px;
padding-bottom: 6px;
text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
font-size: 15pt;
    }
}
 
/* fixes right column on main page to align with left */
.main-page-tag-rcs .divYellowBox { margin-top: 0px; }
 
/****************************************************/
/*                  portal main                    */
/* Code created by Tierrie on the Dragon Age Wiki   */
/*      Code updated for UCP by Alex/Ursuul        */
/****************************************************/
/* container settings */
#portal_slider a.external:after,
.portal_metro .toc {
display: none;
}
#portal_slider.portal_metro.ui-corner-all {
border-radius: 0;
}
.portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
/* give all containers a black background so the opacity changes results in a brightness change */
.portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; /**/content: "";/* experimental */ background-color: rgb(0,0,0); z-index: -2; }
.portal_metro { border:3px solid var(--cyberpunkwiki-border-color); }
.portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }
/* pages nested within a slider container should not render borders twice */
.portal_metro .portal_metro { border: none; }
.portal_metro.ui-tabs .ui-tabs-panel { padding: 0; }
.portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; }
 
/* font title and sliders */
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2  { width: 100%; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align:left; color: white; }
 
/* main tabs headers */
.portal_metro [class^=portal_sliderlink] .mw-headline,
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
.portal_metro .portal_header_text,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
  text-transform:uppercase;
}
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 15px #000);}
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000);}
 
/** sub category headers **/
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
  font-size: 14pt !important;
  padding-left: 10px !important;
}
 
/** headers inside sub categories **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
  background-image:none;
   color: white !important;
}
 
/** fix padding between headers and list **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul {
  padding-top: 5px !important;
}
 
/** list of text **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
  font-size: 14pt;
  line-height: 22pt;
}
/** fix red links in portal template **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new {
  color: #e81a3f !important;
}
 
/** plain text **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel {
  color: white;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}
 
.portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; }
.portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }
 
/* portal headers, headerlinks colors and formatting */
.portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; }
.portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; }
.portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; }
.portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89,105,57); }
 
/* slider text position */
.portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-size: large;/* Experimental */}
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: xx-large;/*experimental*/ left: 20px; line-height: 1em; }
 
/* main slider sizing */
.portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; }
.portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; }
.portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }
 
/* Transclucency patch */
#portal_slider #portal_main .portal_body:before,
#portal_slider #portal_main .portal_body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    width: 225px;
    height: 450px;
    background-color: #000000;
}
 
.portal_sliderlink-2 {
    z-index: 20;
}
.portal_sliderlink-2 ~ [class^="portal_sliderlink"] {
    z-index: 40;
}
 
/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; }
 
/* Experimental */
.portal_metro#portal_main [class^=portal_sliderlink] {
    /*content: "";*/
    position: absolute;
    top: 0;
    /*left: 0;*/
    /*z-index: -1;*/
    /*width: 100%;*/
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
}
 
.portal_metro#portal_main [class^=portal_sliderlink]:hover {
    opacity: 1;
}
 
#portal_slider #portal_main .portal_body:after {
    z-index: 10;
    width: 100%;
}
 
/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
}
 
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; }
.portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-image: url('/mediawiki/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; background-image: url('/mediawiki/images/5/59/Cp_bg_slider_2013_small.png/revision/latest?cb=20201121005633'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; background-image: url('/mediawiki/images/d/d2/Cp_bg_slider_2020_small.png/revision/latest?cb=20201121004818'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; background-image: url('/mediawiki/images/5/58/Cp_bg_slider_red_small.png/revision/latest?cb=20201121000417'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; background-image: url('/mediawiki/images/5/50/Cp_bg_slider_other_small.png/revision/latest?cb=20201121004845'); background-position: center; }
 
/* slider sub category background */
#portal_slider .ui-state-active,
#portal_slider .ui-state-default,
#portal_slider .ui-widget-content,
#portal_slider .ui-widget-header {
background: none;
}
 
#portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
#portal_cp2013:after, #portal_cp2020:after, #portal_cpred:after, #portal_other:after, #portal_cp2077:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#portal_cp2077 { background-image: url('/mediawiki/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
#portal_cp2013 { background-image: url('/mediawiki/images/b/b2/Cp_bg_slider_2013.png/revision/latest?cb=20201121005646'); background-position: center; }
#portal_cp2020 { background-image: url('/mediawiki/images/a/a5/Cp_bg_slider_2020.png/revision/latest?cb=20201121004834'); background-position: center; }
#portal_cpred { background-image: url('/mediawiki/images/1/1e/Cp_bg_slider_red.png/revision/latest?cb=20201120033744'); background-position: center; }
#portal_other { background-image: url('/mediawiki/images/d/d3/Cp_bg_slider_other.png/revision/latest?cb=20201121004855'); background-position: center; }
 
.portal_metro#portal_slider .portal_navlink { display: none; }
.portal_metro#portal_slider { }
.portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
.portal_metro#portal_slider .portal_navlink img { opacity: 0.3; }
.portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; }
.portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; }
.portal_metro#portal_slider .portal_vtab.ui-corner-all {
border: 0;
border-radius: 0;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; }
 
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.25em 0 0.25em 1em; margin: 0; }
/* changes text for the links within sub tabs */
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left {
border: 0;
border-radius: 0;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); color: #FFFFFF;}
/* changes h2 text within sub tabs */
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000); padding: 0.5em 0 0 1em; margin: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.25em; }
 
/* column classes */
.portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; }
.portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
 
/********************************/
/* portal screen wide overrides */
/********************************/
@media screen and (max-width: 1023px) {
    #portal_slider #portal_main .portal_body:before,
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
 
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
 
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
 
    .WikiaRail .module {
        position: relative;
    }
}
 
@media screen and (min-width: 1023px) and (max-width: 1650px) {
    #portal_slider #portal_main .portal_body:before,
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
 
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
 
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
}
@media screen and (min-width: 1650px) {
    #portal_slider #portal_main .portal_body:before,
    .portal_metro [class^=portal_sliderlink] {
        width: 300px;
    }
}
 
/* default settings for div table */
.divTable { display: table; }
.divTableRow { display: table-row; }
.divTableCell, .divTableHead { display: table-cell; padding: 10px; }
.divTableBody { display: table-row-group; }
 
/* Curved notice banner style */
.bannercurve {
background-color: rgba(255, 255, 255, 0.10);
margin: 10px auto;
border: 1px solid var(--cyberpunkwiki-accent-color);
border-left: 4px solid var(--cyberpunkwiki-accent-color);
text-align: center;
color: var(--cyberpunkwiki-text-color);
width: auto;
overflow: auto;
padding: 5px;
}
 
.bannerdoubleborder {
background-color: rgba(255,255,255,0.1);
border:7px double #101010; /* color is whatever article bg color is */
max-width: 90%;
margin: auto;
padding: 8px;
text-align: center;
}
 
/* spoiler/warning box */
.warningbanner {
  background-image: url(/mediawiki/images/1/17/CP2077_warning_box.svg/revision/latest?cb=20241218194135);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 40%;
  padding: 5px;
  margin: auto;
  overflow: visible;
}
 
.warningtext {
  padding: 20px 15px 20px 25px;
  text-align: center;
}
 
/*** FD light mode theme  ***/
.theme-fandomdesktop-light .bannerdoubleborder {
background-color:rgba(0,0,0,0.20);
border-color: #e6e6e6;
}
 
/* for reflist template */
.references-small {
font-size: 70%;
}
 
/***************/
/* quote boxes */
/***************/
.quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; }
.quotebox + .quotebox { margin:1em 0 0 0; }
.quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; }
.quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; }
.quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; }
.quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 9 (2016-08-10)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* DisPlay list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* DisPlay nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}
}
.wikitable tr:nth-child(even) td { background: #171717 !important; }
.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }


/* Prevents line breaks in links, used for navboxes */
/* === NAVBOXY === */
.nowraplinks a, .nobreak { white-space: nowrap; }
 
/* --- TABLE DESIGNS --- */
/*******************
* Navboxes
*******************/
/*
* CSS Vars
* Note: The linter will throw an error. See [Help:Advanced CSS and JS (Fandom) this page] for more info.
*/
.navbox {
.navbox {
--navbox-bg-color:var(--theme-page-background-color);
  --navbox-bg-color: var(--bg-secondary) !important;
--navbox-text-color:var(--theme-page-text-color);
  background: var(--bg-secondary) !important;
--navbox-title-color:#00687d;
  border: 1px solid var(--accent-cyan) !important;
--navbox-header-color:rgba(100, 100, 100 ,.3);
  color: var(--text-secondary) !important;
--navbox-alt-color:rgba(85,85,85,0.2);
--navbox-border-color:var(--cyberpunkwiki-border-color--secondary);
}
.navbox {
    width: 100%;
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    margin: 10px auto;
    font-size: 88%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color);
}
}
.navbox-title { background: #222 !important; color: var(--accent-yellow) !important; }
.navbox a { color: var(--link-color) !important; }
.navbox a:hover { color: var(--accent-yellow) !important; }


/* Merges navboxes that are directly under eachother */
/* === INPUTY A FORMULÁRE === */
.navbox + .navbox {
input, textarea, select, .vector-search-box-input {
    margin-top: -15px;
  background: #121212 !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}
}
input::placeholder, textarea::placeholder { color: #8a8a8a !important; }


.navbox .navbox-title {
/* === THUMBNAILY A GALÉRIE === */
    background: var(--navbox-title-color);
.thumb, .thumbinner, .gallery, .gallerybox {
    color: #fff;
  background: var(--bg-secondary) !important;
    font-weight: bold;
  border: 1px solid #333 !important;
    font-size: 105%;
}
}
 
.thumbcaption {
.theme-fandomdesktop-light .navbox-title {
   background: #0f0f0f !important;
   background: #8f001b;
   color: var(--text-muted) !important;
}
  border-top: 1px solid #333 !important;
 
.theme-fandomdesktop-light .navbox-title a {
  color: #FCEE0A;
}
 
.navbox-title th {
   filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000);
}
 
.navbox .navbox-vde {
    float:left;
    width:65px;
}
 
.navbox .navbox-title-padright {
    padding-right: 65px;
}
 
.navbox .navbox-title-padleft {
    padding-left: 65px;
}
 
.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}
 
.navbox .navbox-gutter {
    height: 2px;
}
 
.navbox .navbox-subgroup .navbox-gutter {
    background: var(--navbox-bg-color, white);
}
 
.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}
 
.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}
 
.navbox .navbox-above,
.navbox .navbox-below {
    background: var(--navbox-header-color, #DDF);
    text-align: center;
}
 
.navbox .navbox-image {
    background: var(--navbox-bg-color, white);
    text-align: center;
}
 
.navbox .navbox-group,
.navbox .navbox-header {
    background: var(--navbox-header-color, #DDF);
    color: var(--navbox-text-color, black);
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}
 
.navbox .navbox-header-collapsible {
    padding-left: 65px;
}
 
.navbox .navbox-group {
    text-align: right;
    padding-right: 1em;
    min-width: 150px;
}
 
.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid var(--navbox-bg-color, white);
}
 
.navbox-image-right {
    border-left: 2px solid var(--navbox-bg-color, white);
}
 
.navbox .navbox-list {
    background: var(--navbox-bg-color, white);
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0 !important;
}
 
.navbox .alt > .navbox-list {
    background: var(--navbox-alt-color, #F7F7F7);
}
 
.navbox .navbox-list div {
    padding: 0px 4px;
}
 
.navbox .navbox-list.no-group {
    text-align: center;
}
 
.navbox .mw-collapsible-toggle {
    width: 65px;
}
 
/* for printing purposes, won't show navbox if one wants to print page */
@media print {
    .navbox {
        display: none;
        }}
 
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
  font-weight: normal;
  /* @noflip */
  text-align: right;
}
}


/* === UTILITY CLASSES === */
.divYellowBox {
.divYellowBox {
border: 3px solid transparent;
  border: 3px solid transparent;
-webkit-border-image: var(--cyberpunkwiki-main-box) round;
  border-image: var(--main-box) round;
-o-border-image: var(--cyberpunkwiki-main-box) round;
  border-image-slice: 10% fill;
border-image: var(--cyberpunkwiki-main-box) round;
  border-image-width: 20px;
border-image-slice: 10% fill;
  margin: 10px auto;
border-image-width: 20px;
  overflow: hidden;
margin: 10px auto;
  text-align: center;
overflow: hidden;
text-align:center;
}
}
.divGrayBox {
.divGrayBox {
border: 3px solid transparent;
  border: 3px solid transparent;
-webkit-border-image: var(--cyberpunkwiki-main-box-alt) round;
  border-image: var(--main-box-alt) round;
-o-border-image: var(--cyberpunkwiki-main-box-alt) round;
  border-image-slice: 10% fill;
border-image: var(--cyberpunkwiki-main-box-alt) round;
  border-image-width: 20px;
border-image-slice: 10% fill;
  padding: 10px;
border-image-width: 20px;
padding: 10px;
}
}
.BlockQuote {
.BlockQuote {
display: block;
  display: block;
border: 2px solid var(--cyberpunkwiki-border-color);
  border: 2px solid var(--accent-yellow);
border-radius: 10px;
  border-radius: 10px;
text-align: center;
  text-align: center;
padding: 1em;
  padding: 1em;
overflow: hidden;
  overflow: hidden;
}
}


.BlockQuote p {
/* === ŠPECIALIZOVANÉ KOMPONENTY === */
white-space:pre-wrap;
.mainpage-header {
  font-size: 18pt;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 5px;
  background-image: var(--h2-bg-image);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 70% 8px;
  color: var(--accent-cyan);
  padding-bottom: 6px;
}
}
 
.bannercurve {
.BlockQuote br {
  background-color: rgba(255, 255, 255, 0.10);
display: none; !important
  margin: 10px auto;
  border: 1px solid var(--accent-yellow);
  border-left: 4px solid var(--accent-yellow);
  text-align: center;
  color: var(--text-primary);
  width: auto;
  overflow: auto;
  padding: 5px;
}
}


/*** category images ***/
/* === OOUI A SPRÁVY === */
/* outer div around image */
.oo-ui-panelLayout, .oo-ui-widget,
#mw-category-media .gallerybox {
.oo-ui-textInputWidget input,
    border: 1px solid var(--cyberpunkwiki-border-color);
.oo-ui-dropdownWidget-handle {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
}
 
.mw-message-box {
/* thumbnail image */
  background: var(--bg-tertiary) !important;
#mw-category-media .thumb {
  color: var(--text-secondary) !important;
    background-color: transparent;
  border: 1px solid #333 !important;
    border: 0 !important;
  border-left: 4px solid var(--link-color) !important;
}
}


/* thumbnails in unused images section */
/* === RESPONZÍVNE ÚPRAVY === */
li.gallerybox div.thumb {
@media only screen and (max-width: 1024px) {
    border: none !important;
  .mainpage-header { background-size: 70% 6px; }
    background: transparent !important;
  #content h2 { background-position-y: 30px; padding-bottom: 6px; font-size: 15pt; }
}
}


/* video/image thumbnails */
/* === PÄTIČKA === */
.gallery-image-wrapper {
#footer, .mw-footer {
    border: none !important;
  background: #0f0f0f !important;
    background-color: transparent;
  color: #9a9a9a !important;
  border-top: 1px solid #222 !important;
}
}
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }


/* Tabs */
/* === BEZPEČNOSTNÉ OVERRIDES === */
.cptabs {
* { border-color: currentColor; }
    width:100%;
hr { border: 0; border-top: 1px solid #1f1f1f !important; }
    margin-bottom:10px;
    background-image: var(--cyberpunkwiki-h2-background-image);
    background-repeat: no-repeat;
    background-position: 25% 105%;
    background-size:100% 10px;
    padding-bottom: 6px;
}
 
.cptabs ul {
    margin:0px;
    padding:0px;
    height:27px;
}
 
.cptabs li {
    display:inline-block;
    margin-right:0px;
    padding:0px;
    height:20px;
}
.cptabs li a {
display:block;
text-decoration:none !important;
}
 
.cptabs li span {
    padding:7px 15px 7px 15px;
    border:2px solid var(--cyberpunkwiki-border-color);
    border-bottom:none !important;
    border-radius:10px 10px 0px 0px;
    height:24px;
    line-height:10px;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
 
.cptabs .mw-selflink span, .cptabs .mw-selflink span:hover {
color:#111111;
border:2px solid var(--cyberpunkwiki-border-color);
border-bottom:none !important;
background-color: var(--cyberpunkwiki-accent-color);
  -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
  -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
box-shadow:0px 0px 5px rgba(255,239,0,0.75);
}
.cptabs li a span:hover {
    border-color: var(--cyberpunkwiki-accent-color--secondary);
    -moz-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
    -webkit-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
    box-shadow:0px 0px 5px rgba(39,209,244,0.75);
}
 
/*** Tabber coding ***/
ul.tabbernav {
border-bottom:none !important;
}
.tabberlive {
margin-top:1px;
overflow:auto;
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
border:none !important;
}
.tabberlive > .tabbernav > li > a {
font-size:14pt;
font-weight:400 !important;
letter-spacing:1px;
text-align:center;
padding-bottom:1%;
background-color:transparent;
border:none;
color:#d5d4d4 !important;
padding: 0px 5px;
}
.tabberlive > .tabbernav > li > a:hover {
background-color:transparent;
color:#ebe152 !important;
background-image: none;
}
 
.tabberlive > .tabbernav > li > a:active {
background-color:transparent
}
.tabberlive > .tabbernav > li.tabberactive > a {
background-color:transparent;
border:none;
color: var(--cyberpunkwiki-accent-color--secondary) !important;
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
background-color:transparent;
border:none;
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
background-color:transparent;
}
/* remove extra spacing within the gallery */
.wikia-gallery-item {
padding-bottom: 0 !important;
}
/*** end Tabber style edits ***/
 
/* light mode fix */
.theme-fandomdesktop-light .DBContainer { background-color: rgba(0,0,0,.9); }
 
/* [[Template:Plainlist]] */
.page-content .plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.page-content .plainlist ul li { margin-bottom: 0; }
 
/* Styling for Template:CraftingTable */
.CraftingTable {
display:inline-block;
width:auto;
max-width:535px;
}
.CraftingTable-Table {
max-width:535px;
font-size:12px;
}
.CraftingTable-Table tr, .CraftingTable-Table td { vertical-align: top; }
.CraftingTable-Block {
border: 1px solid var(--theme-border-color);
margin: 0px;
padding: 1px 2px;
background-color: var(--theme-page-background-color--secondary);
}
 
.CraftingTable-Block + .CraftingTable-Block { margin-top: 3px; }
.CraftingTable-Table .selflink { font-weight: normal; }
.theme-fandomdesktop-light .CraftingTable-arrow .image {
background-image: url(/mediawiki/images/1/1f/Pent-arrow_light.png/revision/latest);
background-repeat: no-repeat;
width: 14px;
background-size: contain;
background-position: center;
}
.theme-fandomdesktop-light .CraftingTable-arrow .image img { opacity: 0; }
 
/*** Infobox Stat Bar ***/
.pi-stat-name {
    text-align: right;
    margin-right: 12px !important;
}
 
.pi-stat-bar {
display: -webkit-inline-box;
vertical-align: text-top;
background-color: var(--cyberpunkwiki-pi-stat-bar-bg);
background-color: var(--cyberpunkwiki-pi-stat-bar-bg2);
width: 100px !important;
max-width: 100px !important;
height: 13px;
margin-left: 0px !important;
}
 
.pi-stat-bar-min {
background-color: var(--cyberpunkwiki-pi-stat-bar-min-bg);
}
 
.pi-stat-bar-max {
background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg);
background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg2);
}
 
.pi-stat-bar-max:after {
content: '';
}
 
.pi-stat-bar-value {
color: var(--cyberpunkwiki-pi-stat-bar-value);
font-weight: bold;
}
/*** For coloring enemy abilities ***/
.theme-fandomdesktop-dark .icon-template {
filter: var(--cyberpunkwiki-icon-color)
}
.theme-fandomdesktop-light .icon-template {
filter: invert(100%) !important;
}
 
/* for light mode icons used across a variety of templates and pages */
.theme-fandomdesktop-light .filtericon {
filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
}
 
.fandom-sticky-header__sitename {
display: none;
}
 
section[data-item-name="general"] img {
filter: var(--cyberpunkwiki-icon-color);
}
 
section[data-item-name="stats"] img {
filter: var(--cyberpunkwiki-icon-color);
}
 
.condition {
color: var(--cyberpunkwiki-link-color);
}
/* === PATCH step1: base dark + sidebar === */
:root{
  --bg:#0d0d0d; --bg-2:#111; --text:#e0e0e0;
  --link:#00d0ff; --link-visited:#a0a0ff; --link-hover:#ffcc00;
  --border:#333;
}
 
html, body{background:var(--bg)!important;color:var(--text)!important;}
.mw-body, .mw-body-content, #content{background:var(--bg)!important;color:var(--text)!important;}
 
/* top bar & navigation */
#mw-head, #left-navigation, #right-navigation{background:var(--bg)!important;}
 
/* left sidebar */
#mw-panel, #mw-panel .portal, #p-logo{background:var(--bg-2)!important;color:var(--text)!important;}
#mw-panel .portal h3, #mw-panel .portal li a{color:#cfcfcf!important;}
#mw-panel .portal li a:hover{color:var(--link-hover)!important;}
 
/* links */
a{color:var(--link)!important;}
a:visited{color:var(--link-visited)!important;}
a:hover{color:var(--link-hover)!important;}
 
/* tables / infoboxes */
table, .wikitable, .infobox{
  background:#1a1a1a!important;color:var(--text)!important;border:1px solid var(--border)!important;
}
.wikititle, .wikitable th, .infobox th{background:#222!important;color:var(--link-hover)!important;}
/* === PATCH step2: Cyberpunk accent === */


/* Headings */
/* ===== Global dark background & text ===== */
h1, h2, h3, h4, h5, h6 {
body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, .mw-parser-output {
   color: #ffcc00 !important;
   background: #0a0a0a !important;
   border-bottom: 1px solid #333 !important;
   color: #e6e6e6;
}
}


/* Links */
/* ===== Tables, TOC, navboxes, message boxes ===== */
a { color: #39d1ff !important; }
.mw-parser-output table,
a:visited { color: #a0a0ff !important; }
table, .wikitable, .toc, .navbox, .ambox {
a:hover { color: #ffcc00 !important; }
 
/* Infobox */
.infobox {
   background: #111 !important;
   background: #111 !important;
   border: 2px solid #ffcc00 !important;
   border-color: #333 !important;
  color: #e0e0e0 !important;
}
}
.infobox th {
.mw-parser-output table th,
   background: #222 !important;
.mw-parser-output table td {
   color: #ffcc00 !important;
   background: transparent !important;
}
   border-color: #333 !important;
.infobox td {
  background: #181818 !important;
}
}


/* Navbox */
/* ===== Infoboxes (white backgrounds -> dark) ===== */
.navbox {
table.infobox, .infobox,
.portable-infobox, .portable-infobox .pi-item, .portable-infobox .pi-data,
.portable-infobox .pi-header, .portable-infobox .pi-title,
.portable-infobox .pi-data-value, .portable-infobox .pi-image, .portable-infobox .pi-media {
   background: #111 !important;
   background: #111 !important;
   border: 1px solid #ffcc00 !important;
   color: #eee !important;
}
  border-color: #333 !important;
.navbox-title {
  background: #222 !important;
  color: #ffcc00 !important;
}
}


/* Tables */
/* ===== Code blocks ===== */
.wikitable {
pre, code, .mw-code {
  background: #1a1a1a !important;
   background: #0f0f0f !important;
  border: 1px solid #ffcc00 !important;
   color: #e6e6e6 !important;
}
.wikitable th {
  background: #222 !important;
  color: #ffcc00 !important;
}
 
/* Sidebar highlight */
#mw-panel .portal h3 {
  color: #ffcc00 !important;
}
/* === PATCH step3: header, footer, layout, toc, buttons === */
 
/* Layout width + center content (Vector) */
.mw-body, .mw-content-container, #content {
  max-width: 1080px !important;
  margin: 0 auto !important;
  box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
}
 
/* Top bar look */
#mw-head, #left-navigation, #right-navigation {
   border-bottom: 1px solid #222 !important;
}
 
/* Page title strip */
.firstHeading {
  background: linear-gradient(90deg, #111 0%, #0d0d0d 60%);
  padding: .6rem .8rem;
  margin: 0 0 .8rem 0;
   color: #ffcc00 !important;
  border-left: 4px solid #ffcc00;
}
 
/* TOC — compact card with accent border */
#toc, .toc {
  background: #121212 !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
  border-left: 3px solid #ffcc00 !important;
  border-radius: 4px;
  padding: .6rem .8rem !important;
}
}
.tocnumber { color: #ffcc00 !important; }
pre { padding: .6rem .8rem !important; overflow: auto; }


/* Infobox image & small polish */
/* ===== Images ===== */
.infobox .image img,
.mw-parser-output img, .thumb img, .thumbimage, .mw-file-element,
.infobox img {
.gallerybox .thumb img, .fullImageLink img,
  border: 1px solid #333;
.mw-parser-output .infobox img {
  background: #0e0e0e;
   max-width: 100% !important; height: auto !important; display: block;
  padding: 2px;
  border-radius: 2px;
   max-width: 100%;
}
}
.mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; }
.thumb, .tleft, .tright, .gallerybox .thumb { overflow: hidden; max-width: 100%; }
.gallerybox .gallerytext { color: #ddd; }


/* Tables – subtle row stripes */
/* Links (dark theme tweak) */
.wikitable tr:nth-child(even) td { background: #171717 !important; }
a { color: #8ab4ff; }
.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }
a:visited { color: #b388ff; }


/* Navbox links */
/* =======================
.navbox a { color: #39d1ff !important; }
  Dark fix pack for Vector
.navbox a:hover { color: #ffcc00 !important; }
  ======================= */
:root{ --bg:#0b0c0d; --ui-border:#2a2d33; --text:#e5e8eb; --text-muted:#a9b0b8; }


/* Buttons (MediaWiki UI) */
.mw-parser-output .thumb,
.mw-ui-button, .mw-ui-progressive, .mw-ui-primary {
.mw-parser-output .thumb .thumbinner {
   background: #ffcc00 !important;
   background: transparent !important;
   color: #111 !important;
   border: 1px solid var(--ui-border) !important;
   border: 1px solid #eab800 !important;
   border-radius: 6px;
}
}
.mw-ui-button:hover { filter: brightness(1.05); }
.mw-parser-output .thumb .thumbimage { background: transparent !important; border: 0 !important; padding: 0 !important; }
.mw-ui-quiet { color: #39d1ff !important; }
.mw-parser-output .thumbcaption { background: transparent !important; color: var(--text-muted) !important; }
.mw-ui-quiet:hover { color: #ffcc00 !important; }
img.thumbborder, .thumbborder { border: 0 !important; }


/* Code/Pre blocks */
.gallerybox .thumb { background: transparent !important; border-color: var(--ui-border) !important; }
pre, code, .mw-code {
.gallerybox, .gallerytext { background: transparent !important; color: var(--text) !important; }
  background: #101010 !important;
#file img { background: transparent !important; }
  color: #e8e8e8 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 4px;
}
pre { padding: .6rem .8rem !important; overflow: auto; }


/* Blockquotes */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4,
blockquote {
.mw-headline, .mw-editsection, #firstHeading, .portlet .pBody, .vector-menu-content {
  border-left: 3px solid #ffcc00;
   background: transparent !important; color: var(--text);
  background: #111;
  padding: .6rem .8rem;
  color: #dcdcdc;
}
 
/* Lists tighter + readable */
.mw-body-content ul, .mw-body-content ol { margin: .4rem 0 .8rem 2rem !important; }
.mw-body-content li { line-height: 1.5; }
 
/* Footer */
#footer, .mw-footer {
   background: #0f0f0f !important;
  border-top: 1px solid #222 !important;
  color: #9a9a9a !important;
  padding-top: 12px;
}
}
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a:hover, .mw-footer a:hover { color: #ffcc00 !important; }


/* Categories bar */
.toc { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; border-radius: 6px; }
#catlinks {
.toc .toctitle, .tocnumber { color: var(--text-muted) !important; }
  background: #111 !important;
  border: 1px solid #333 !important;
  border-left: 3px solid #ffcc00 !important;
}
#catlinks a { color: #39d1ff !important; }
#catlinks a:hover { color: #ffcc00 !important; }


/* Minor polish for edit sections */
.mw-parser-output .wikitable {
.mw-editsection, .mw-editsection a {
   background: #0f1012 !important; color: var(--text) !important;
   color: #888 !important;
  border: 1px solid var(--ui-border) !important; border-collapse: collapse;
}
}
.mw-editsection a:hover { color: #ffcc00 !important; }
.wikitable > tr > th, .wikitable > * > tr > th { background: #14161a !important; border: 1px solid var(--ui-border) !important; }
/* === PATCH: anti-white panels (logo/header/sidebar/inputs/thumbs) === */
.wikitable td { border: 1px solid var(--ui-border) !important; }
.wikitable tr:nth-child(even) td { background: #101216 !important; }
.wikitable tr:hover td { background: #15181c !important; }


/* logo a jeho kontajner (ľavý horný roh) */
.portable-infobox { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 8px; }
#p-logo, #p-logo a { background: #0d0d0d !important; }
.portable-infobox .pi-header, .portable-infobox .pi-data, .portable-infobox .pi-title { background: transparent !important; }
.portable-infobox .pi-image .thumb { background: transparent !important; border: 0 !important; }


/* hlavný header + navigačné pásy Vectoru */
.mw-body a:link, a { color: #f2bd00; }
#mw-page-base, #mw-head-base, #mw-head, #mw-navigation,
a:visited { color: #c99a00; }
.vector-sticky-header { background:#0d0d0d !important; border-color:#222 !important; }
a.new { color: #ff7070; }
.small, small, .thumbcaption { color: var(--text-muted) !important; }
.thumb.tleft, .thumb.tright { margin-top: .3em; margin-bottom: .8em; }


/* ľavý panel + portlety */
pre, code, .mw-code { background: #0c0d0f !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 6px; }
#mw-panel, #mw-panel .portal, #mw-panel .portal .body { background:#111 !important; color:#ddd !important; }


/* hlavné telo stránky */
/* Odstránenie bielych rámov pri obrázkoch */
#content, .mw-body, .mw-body-content { background:#0d0d0d !important; color:#e0e0e0 !important; }
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
 
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element,
/* vyhľadávacie pole / inputy */
.gallerybox .thumb, .gallerybox .thumb img {
#simpleSearch, .vector-search-box { background:#111 !important; border:1px solid #222 !important; }
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; outline: none !important;
.vector-search-box-input, input, textarea, select {
  background:#121212 !important; color:#e0e0e0 !important; border:1px solid #333 !important;
}
}
input::placeholder, textarea::placeholder { color:#8a8a8a !important; }
.mw-parser-output .thumbcaption { background: transparent !important; border: 0 !important; }
 
.mw-body-content img, .mw-parser-output img { background-color: transparent !important; border: none !important; box-shadow: none !important; }
/* záložky (Read/Edit/View history) – tmavé pozadie, žltý akcent na vybranej */
.toc, .vector-menu-content, .portlet .pBody { background: transparent !important; border: 1px solid #2a2d33 !important; }
.vector-menu-tabs a { background:#0f0f0f !important; color:#ddd !important; border-color:#222 !important; }
figure[typeof*="mw:File"], figure[typeof*="mw:File/Thumb"], figure[typeof*="mw:File/Frame"] {
.vector-menu-tabs .selected a { background:#141414 !important; color:#ffcc00 !important; border-bottom-color:#141414 !important; }
   background: transparent !important; border: 0 !important; margin: .5em auto !important; padding: 0 !important; box-shadow: none !important;
 
/* miniatúry a galérie — odstráň biele pozadia */
.thumb, .thumbinner, .gallery, .gallerybox, .gallerytext {
   background:#111 !important; border:1px solid #333 !important;
}
}
.thumbcaption { background:#0f0f0f !important; color:#cfcfcf !important; border-top:1px solid #333 !important; }
figure[typeof*="mw:File"] img.mw-file-element {
 
   background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important;
/* tabuľky/infoboxy – tmavé telo, jemný okraj */
.wikitable, .infobox, table {
   background:#1a1a1a !important; color:#e0e0e0 !important; border:1px solid #333 !important;
}
.wikitable th, .infobox th { background:#222 !important; color:#ffcc00 !important; }
 
/* pätička */
#footer, .mw-footer { background:#0f0f0f !important; color:#9a9a9a !important; border-top:1px solid #222 !important; }
 
/* jemnejší hrubý biely okraj, ak by ho niečo pchalo cez inline štýly */
* { border-color: currentColor; }
/* === PATCH: kill remaining whites in navboxes === */
 
/* Globálne prefarbi fallback premennú z white → #111 */
:root {
  --navbox-bg-color: #111 !important;
}
}
 
figure[typeof*="mw:File"] figcaption {
/* Navboxy a vnorené časti – tmavé pozadie, žltý akcent pri titulku */
   background: transparent !important; color: #FCEE0A !important; border: 0 !important; padding: 0.2em 0 !important;
.navbox,
.navbox-subgroup,
.navbox-list,
.navbox-abovebelow,
.navbox-group,
.navbox-odd,
.navbox-even {
   background: #111 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
}


.navbox-title,
/* Thin yellow frame around images (global) */
.navbox-abovebelow {
:root { --accent: #f2bd00; }
   background: #222 !important;
figure[typeof*="mw:File"] img.mw-file-element,
   color: #ffcc00 !important;
.mw-parser-output .thumb .thumbimage,
   border-color: #333 !important;
.gallerybox .thumb img {
   border: 1px solid var(--accent) !important;
   border-radius: 6px;
  background: transparent !important;
   box-shadow: none !important;
}
}
 
figure[typeof*="mw:File"] img.mw-file-element:hover,
/* Ak niekde používa priamo var(--navbox-bg-color, white), nech je tmavé */
.mw-parser-output .thumb .thumbimage:hover,
.navbox *,
.gallerybox .thumb img:hover {
.navbox-subgroup * {
   box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important;
   --navbox-bg-color: #111 !important;
}
}


/* Linky v navboxoch – konzistentné farby */
/* Random teaser card */
.navbox a { color: #39d1ff !important; }
.random-card {
.navbox a:hover { color: #ffcc00 !important; }
  display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center;
 
  background: #0f1012; border: 1px solid #2a2d33; border-radius: 8px;
/* Jemné pruhovanie riadkov (len pozadie, nie biela) */
  padding: 12px; margin: 8px 0 16px 0; color: #e5e8eb;
.navbox-odd  { background: #101010 !important; }
.navbox-even { background: #151515 !important; }
/* === PATCH: vnútorné odsadenie obsahu a tabuliek === */
 
/* Všeobecné odsadenie hlavného tela stránky */
.mw-body {
    padding-left: 15px !important; /* podľa vkusu, napr. 20px pre viac priestoru */
}
}
 
.random-card.loading { opacity: .7; }
/* Len pre infoboxy a tabuľky na začiatku obsahu */
.random-card .thumb {
.mw-body .infobox,
  width: 120px; height: 120px; overflow: hidden; border-radius: 6px;
.mw-body .mw-parser-output > table {
  background: #0b0c0d; display: flex; align-items: center; justify-content: center;
    margin-left: 15px !important;
  border: 1px solid #2a2d33;
}
}
/* === CYBERPUNK THEME – all-in-one patch (hero, TOC, infobox, links, refs, spacing) === */
.random-card .thumb img { max-width: 100%; height: auto; display: block; }
 
.random-card .content h3 { margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; }
/* ---------- Variables / base ---------- */
.random-card .content p { margin: 0 0 8px 0; color: #a9b0b8; }
:root{
.random-card .actions { display: flex; gap: 8px; margin-top: 6px; }
  --bg:#0d0d0d; --bg2:#111; --text:#e0e0e0; --muted:#cfcfcf;
.random-card .btn {
   --link:#39d1ff; --link-visited:#a0a0ff; --accent:#ffcc00; --border:#2b2b2b;
   border: 1px solid #2a2d33; padding: 4px 8px; border-radius: 6px;
  --hero-image: url(/mediawiki/images/e/e6/Site-logo.png); /* uprav ak máš inú cestu */
  background: #14161a; color: #e5e8eb; cursor: pointer; text-decoration: none;
}
}
 
.random-card .btn:hover { background: #15191f; }
/* Page chrome */
@media (max-width: 600px){
html, body, #content, .mw-body, .mw-body-content { background:var(--bg)!important; color:var(--text)!important; }
  .random-card { grid-template-columns: 1fr; }
#mw-page-base, #mw-head-base, #mw-head, #mw-navigation, .vector-sticky-header { background:var(--bg)!important; border-color:#222!important; }
  .random-card .thumb { width: 100%; height: auto; }
#mw-panel, #mw-panel .portal, #mw-panel .portal .body, #p-logo, #p-logo a { background:var(--bg2)!important; color:#ddd!important; }
 
/* Inputs / search */
#simpleSearch, .vector-search-box{ background:#111!important; border:1px solid #222!important; }
.vector-search-box-input, input, textarea, select{ background:#121212!important; color:#e0e0e0!important; border:1px solid #333!important; }
input::placeholder, textarea::placeholder{ color:#8a8a8a!important; }
 
/* Tabs (Read/Edit/History) */
.vector-menu-tabs a{ background:#0f0f0f!important; color:#ddd!important; border-color:#222!important; }
.vector-menu-tabs .selected a{ background:#141414!important; color:var(--accent)!important; border-bottom-color:#141414!important; }
 
/* ---------- Hero strip (heading background like Fandom) ---------- */
h1.firstHeading, .firstHeading{
  background:
    var(--hero-image) left center / 120px auto no-repeat,
    linear-gradient(90deg, #0d0d0d 0%, #171717 60%, #1a1a1a 100%);
  padding-left: 140px;
  margin: .25rem 0 1.0rem 0 !important;
  color: var(--accent)!important;
  border-left: 4px solid var(--accent);
  border-bottom: 1px solid #222!important;
}
}


/* ---------- Links (Fandom-ish hover) ---------- */
/* ===== Main page – compact header ===== */
.mw-body-content a{  
.mp-hero {
   color:var(--link); text-decoration:none;
   display: grid; grid-template-columns: 2fr 1.2fr; gap: 12px; align-items: stretch; margin: 6px 0 12px;
  background-image: linear-gradient(var(--accent),var(--accent));
  background-position: 0 100%; background-repeat:no-repeat; background-size: 0 1px;
  transition: background-size .16s ease, color .16s ease;
}
}
.mw-body-content a:hover, .mw-body-content a:focus{ color:var(--accent)!important; background-size:100% 1px; }
@media (max-width: 900px){ .mp-hero { grid-template-columns: 1fr; } }


/* ---------- TOC ---------- */
/* Random teaser – compact variant */
#toc, .toc{
.random-card.compact{
   background:#111!important; border:1px solid var(--accent)!important; border-radius:4px; padding:.6rem .8rem!important;
  display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center;
   background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
  padding:10px; margin:0;
}
}
#toc ul li, .toc ul li{ border-left:1px solid transparent; transition:background-color .12s ease, border-color .12s ease; }
.random-card.compact .thumb{
#toc ul li:hover, .toc ul li:hover{ background:rgba(255,204,0,.06); border-left-color:var(--accent); }
  width:110px; height:110px; overflow:hidden; border-radius:6px; border:1px solid #2a2d33;
#toc a, .toc a{ color:#cfe8ff!important; text-decoration:none; }
  display:flex; align-items:center; justify-content:center;
 
/* ---------- Infobox (right) ---------- */
.infobox{
  background:#111!important; color:var(--text)!important;
  border:1px solid var(--accent)!important;
}
}
.infobox th{
.random-card.compact .thumb img{ max-width:100%; height:auto; display:block; }
   background:var(--accent)!important; color:#111!important; text-align:center; font-weight:700;
.random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; }
.random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; }
.random-card.compact .actions{ display:flex; gap:6px; }
.random-card.compact .btn{
  border:1px solid #2a2d33; padding:3px 7px; border-radius:6px;
   background:#14161a; color:#e5e8eb; text-decoration:none; cursor:pointer;
}
}
.infobox td{ background:#151515!important; border-color:var(--border)!important; }
.random-card.compact .btn:hover{ background:#15191f; }
.infobox a{ color:var(--link)!important; } .infobox a:hover{ color:var(--accent)!important; }


/* ---------- Tables & navboxes ---------- */
/* Quick cards */
.wikitable, table{ background:#1a1a1a!important; color:var(--text)!important; border:1px solid #333!important; }
.mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.wikitable th{ background:#222!important; color:var(--accent)!important; }
@media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } }
.navbox, .navbox-subgroup, .navbox-list, .navbox-abovebelow, .navbox-group{
.mp-card{
   background:#111!important; border-color:#333!important; color:var(--text)!important;
   background:#0f1012; border:1px solid #2a2d33; border-radius:8px; padding:10px 12px;
}
}
.navbox-title, .navbox-abovebelow{ background:#222!important; color:var(--accent)!important; border-color:#333!important; }
.mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; }
:root{ --navbox-bg-color:#111!important; }
.mp-card p{ margin:0; line-height:1.45; }
 
.mp-card a{ text-decoration:none; }
/* ---------- Thumbs / galleries ---------- */
.thumb, .thumbinner, .gallery, .gallerybox, .gallerytext{ background:#111!important; border:1px solid #333!important; }
.thumbcaption{ background:#0f0f0f!important; color:#cfcfcf!important; border-top:1px solid #333!important; }


/* ---------- Message boxes / hatnotes ---------- */
/* Thin stats bar under hero */
.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox, .mw-message-box, .hatnote, .notice{
.mp-strip{
   background:#111!important; color:#e6e6e6!important; border:1px solid #333!important; border-left:4px solid #4aa3ff!important;
  display:flex; flex-wrap:wrap; gap:10px;
   padding:.65rem .8rem!important; margin:.8rem 0!important; border-radius:3px;
   padding:8px 10px; margin: 6px 0 12px;
  border:1px solid #2a2d33; border-radius:8px; background:#0f1012;
   font-size: .95rem;
}
}
.mw-message-box-warning, .ambox-warning, .ombox-warning{ border-left-color:var(--accent)!important; }
.mp-chip{
.mw-message-box-error, .ambox-serious, .ombox-crit, .error{ border-left-color:#ff5b5b!important; background:#140f0f!important; }
  padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; background:#14161a;
.mw-message-box-success{ border-left-color:#66d17a!important; background:#0f1410!important; }
 
/* ---------- References ---------- */
.references, .mw-references-wrap{
  background:#111!important; border:1px solid var(--accent)!important; padding:.6rem .8rem!important; border-radius:4px;
}
}
.references li{ line-height:1.5; }


/* ---------- Spacing / readability ---------- */
/* Infobox & TOC – kompaktnejšie medzery */
.mw-parser-output > p{ line-height:1.6; }
.infobox, .portable-infobox{ margin-top:4px !important; }
.mw-parser-output h2{ margin:1.4rem 0 .6rem!important; font-size:1.6rem; border-bottom:1px solid #1f1f1f!important; color:var(--accent)!important; }
.toc ul{ margin-top:4px; }
.mw-parser-output h3{ margin:1.0rem 0 .45rem!important; font-size:1.25rem; border-bottom:1px solid #1f1f1f!important; color:#f0c957!important; }


/* ---------- Inner padding & left offset for tables/infobox ---------- */
/* Voliteľne: zruš neočakávané biele okraje okolo obrázkov */
.mw-body{ padding-left:15px!important; }
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
.mw-body .infobox, .mw-body .mw-parser-output > table{ margin-left:15px!important; }
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element{
 
  background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important;
/* ---------- Footer ---------- */
#footer, .mw-footer{ background:#0f0f0f!important; color:#9a9a9a!important; border-top:1px solid #222!important; }
 
/* Safety: avoid stray white borders */
hr{ border:0; border-top:1px solid #1f1f1f!important; }
 
 
/* DARK-GLOBAL-TABLES-v1 — univerzálny fix pre MW tabuľky + filtre */
:root{
  --tb-bg0:#0b0b0b; --tb-row:#111111; --tb-rowAlt:#161616; --tb-head:#141414;
  --tb-fg:#e6e6e6; --tb-border:#2b2b2b; --tb-link:#9ecbff; --tb-linkV:#c4b3ff;
}
}


/* VŠETKY ŠTANDARDNÉ TABUĽKY V OBSAHU */
/* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */
.mw-body table.mw-datatable,
.article-table-cyberpunk,
.mw-body .TablePager,
.article-table-cyberpunk th,
.mw-body table.filelist,
.article-table-cyberpunk td {
.mw-body .wikitable{
   border-style: solid !important;
   background:var(--tb-bg0) !important;
   border-color: var(--cp-yellow) !important;
  color:var(--tb-fg) !important;
   border:1px solid var(--tb-border) !important;
}
}
.mw-body table.mw-datatable th,
.article-table-cyberpunk {
.mw-body table.mw-datatable td,
  /* separate -> žiadne konflikty a zachovaný vzhľad */
.mw-body .TablePager th,
  border-collapse: separate !important;
.mw-body .TablePager td,
  border-spacing: 0 !important;
.mw-body table.filelist th,
  width: 100%;
.mw-body table.filelist td,
  table-layout: auto;
.mw-body .wikitable th,
   background: #0b0b0b;
.mw-body .wikitable td{
   color: #f5f5f5;
   background:var(--tb-row) !important;
   border-width: 2px !important;     /* vonkajší rám – tenší */
   color:var(--tb-fg) !important;
   border-color:var(--tb-border) !important;
}
}
.mw-body table.mw-datatable tr:nth-child(even) > td,
.article-table-cyberpunk th,
.mw-body table.filelist tr:nth-child(even) > td,
.article-table-cyberpunk td {
.mw-body .wikitable tr:nth-child(even) > td{
  /* tenké vnútorné línie + kompaktné odsadenie a menšie písmo */
   background:var(--tb-rowAlt) !important;
  border-width: 1px !important;
  padding: 5px 8px;
  text-align: center;
  vertical-align: middle;
   background-clip: padding-box;
  font-size: 13px !important;
  line-height: 1.3em;
}
}
.mw-body table.mw-datatable th,
.article-table-cyberpunk th {
.mw-body .TablePager th,
   background: #1a1a1a;
.mw-body table.filelist th,
  color: #fffcc0;
.mw-body .wikitable th{
   font-weight: 600;
   background:var(--tb-head) !important;
   font-weight:600;
}
}


/* navigácia/pager pod tabuľkou */
/* --- koniec --- */
.mw-body .mw-pager-navigation,
.mw-body .TablePager_nav{
  background:var(--tb-bg0) !important;
  color:var(--tb-fg) !important;
  border:1px solid var(--tb-border) !important;
}


/* odkazy v tabuľkách */
/* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */
.mw-body table.mw-datatable a,
.mw-body .TablePager a,
.mw-body table.filelist a,
.mw-body .wikitable a{ color:var(--tb-link) !important; }
.mw-body table.mw-datatable a:visited,
.mw-body .TablePager a:visited,
.mw-body table.filelist a:visited,
.mw-body .wikitable a:visited{ color:var(--tb-linkV) !important; }


/* kód/prehľady v bunkách – zruš biele pozadie */
/* 0) Stabilné tmavé pozadia (aj keď niečo zdedí transparent) */
.mw-body table .mw-code,
body, .mw-body, .mw-body-content, #content,
.mw-body table code,
.vector-body, .vector-page-content, .mw-parser-output {
.mw-body table pre{
   background-color: #0a0a0a !important;
   background:#1a1a1a !important;
  color:var(--tb-fg) !important;
  border-color:var(--tb-border) !important;
}
}


/* OOUI prvky nad tabuľkami (filtre na Special:* stránkach) */
/* 1) Zruš globálne prebitie border-color pre našu tabuľku */
.mw-body .oo-ui-panelLayout,
.article-table-cyberpunk, .article-table-cyberpunk * {
.mw-body .oo-ui-fieldLayout,
   border-color: var(--cp-yellow, #ffff00) !important;
.mw-body .oo-ui-inputWidget,
   border-style: solid !important;
.mw-body .oo-ui-textInputWidget input,
.mw-body .oo-ui-dropdownWidget,
.mw-body .oo-ui-menuSelectWidget{
   background:var(--tb-bg0) !important;
  color:var(--tb-fg) !important;
   border-color:var(--tb-border) !important;
}
}
.mw-body .oo-ui-labelElement-label{ color:var(--tb-fg) !important; }
/* thumbnaily v riadkoch – bez bieleho okraja */
.mw-body .TablePager img,
.mw-body table.filelist img{ background:transparent !important; box-shadow:none !important; }


/* Fix white background in filters (OOUI widgets) */
/* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */
.oo-ui-textInputWidget input,
.mw-parser-output table.article-table-cyberpunk,
.oo-ui-dropdownWidget-handle,
.mw-parser-output table.article-table-cyberpunk th,
.oo-ui-menuSelectWidget,
.mw-parser-output table.article-table-cyberpunk td {
.oo-ui-buttonElement .oo-ui-buttonElement-button {
  border-color: var(--cp-yellow, #ffff00) !important;
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #444 !important;
}
}


.oo-ui-widget,
/* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */
.oo-ui-optionWidget {
.mw-parser-output table.article-table-cyberpunk {
    background-color: #1a1a1a !important;
  border-collapse: separate !important;
    color: #ddd !important;
  border-spacing: 0 !important;
  width: 100%;
  table-layout: auto;
  background: #0b0b0b !important;
  color: #f5f5f5 !important;
  border-width: 2px !important;     /* vonkajší rám */
}
}
 
.mw-parser-output table.article-table-cyberpunk th,
.oo-ui-toolbar,
.mw-parser-output table.article-table-cyberpunk td {
.mw-rcfilters-ui-filterMenuHeaderWidget {
  border-width: 1px !important;      /* vnútorná mriežka */
    background-color: #111 !important;
  padding: 5px 8px !important;
  text-align: center;
  vertical-align: middle;
  background-clip: padding-box;
  font-size: 13px !important;
  line-height: 1.3em !important;
}
}
 
.mw-parser-output table.article-table-cyberpunk th {
/* ===== Dark fixes for RecentChanges + OOUI ===== */
   background: #1a1a1a !important;
:root {
   color: #fffcc0 !important;
  --dark-bg: #0e0e0e;
   font-weight: 600 !important;
   --dark-panel: #1a1a1a;
   --dark-border: #333;
  --dark-text: #ddd;
   --dark-muted: #a8a8a8;
}
}


/* Panely a polia vo filtri */
/* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent
.oo-ui-panelLayout,
      a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */
.oo-ui-widget,
.mw-parser-output .toc,
.oo-ui-fieldLayout,
.mw-parser-output .navbox,
.oo-ui-fieldLayout-field,
.mw-parser-output .ambox,
.oo-ui-tagMultiselectWidget,
.mw-parser-output .wikitable,
.oo-ui-textInputWidget input,
.mw-parser-output .thumb,
.oo-ui-dropdownWidget-handle,
.mw-parser-output .gallerybox,
.oo-ui-buttonElement .oo-ui-buttonElement-button,
.mw-parser-output figure[typeof*="mw:File"] {
.mw-rcfilters-ui-filterMenuHeaderWidget,
   background-color: #0f1012 !important;
.mw-rcfilters-ui-rcTopSectionWidget {
   border-color: #2a2d33 !important;
   background-color: var(--dark-panel) !important;
  color: var(--dark-text) !important;
   border-color: var(--dark-border) !important;
}
}


/* „Active filters“ pás a tagy */
/* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */
.oo-ui-tagMultiselectWidget-handle,
.skin-vector .article-table-cyberpunk th,
.oo-ui-tagItemWidget.oo-ui-widget {
.skin-vector .article-table-cyberpunk td,
  background-color: var(--dark-bg) !important;
.skin-timeless .article-table-cyberpunk th,
  color: var(--dark-text) !important;
.skin-timeless .article-table-cyberpunk td {
   border-color: var(--dark-border) !important;
   border-color: var(--cp-yellow, #ffff00) !important;
}
}
/* ==== FIX: biele záložky hore + modrá horná čiara ==== */


/* Rozbaľovacie menu (Saved filters, Namespaces, Tags) */
/* 0) zruš modrú hornú linku pod headerom */
.oo-ui-menuSelectWidget,
#content, .mw-body, .mw-body-content { border: 0 !important; }
.oo-ui-menuSelectWidget .oo-ui-menuOptionWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-body {
  background-color: var(--dark-panel) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}


/* Input placeholdery a sekundárny text */
/* 1) bar za tabuľkami hore nech nie je biely */
.oo-ui-inputWidget .oo-ui-inputWidget-input::placeholder,
#mw-head, #left-navigation, #right-navigation,
.mw-rcfilters-ui-filterMenuHeaderWidget,
#p-namespaces, #p-views,
.mw-rcfilters-ui-itemMenuOptionWidget .oo-ui-labelElement-label {
.vector-menu-tabs, .vector-menu-tabs-legacy,
   color: var(--dark-muted) !important;
.vector-menu, .vector-menu-content {
   background: transparent !important;
  border-color: #222 !important;
  box-shadow: none !important;
}
}


/* „List of abbreviations“ blok vpravo */
/* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */
.mw-changeslist-legend,
.vector-menu-tabs a,
.mw-changeslist-legend dl,
.vector-menu-tabs-legacy li a,
.mw-changeslist-legend dd,
.skin-vector #p-namespaces .vector-menu-content-list > li > a,
.mw-changeslist-legend .mw-changeslist-legend-abbr {
.skin-vector #p-views .vector-menu-content-list > li > a,
   background: var(--dark-panel) !important;
.skin-vector-legacy #p-namespaces .vector-menu-content-list > li > a,
   color: var(--dark-text) !important;
.skin-vector-legacy #p-views .vector-menu-content-list > li > a {
   border-color: var(--dark-border) !important;
   background: #141414 !important;
  background-image: none !important;
   color: #e6e6e6 !important;
   border: 1px solid #333 !important;
  box-shadow: none !important;
}
}


/* Tlačidlá (hover/focus/quiet) – jemné stmavenie */
/* 3) aktívna záložka */
.oo-ui-buttonElement .oo-ui-buttonElement-button:hover,
.vector-menu-tabs .selected a,
.oo-ui-buttonElement .oo-ui-buttonElement-button:focus {
.vector-menu-tabs-legacy .selected a,
   background-color: #141414 !important;
.skin-vector #p-namespaces .vector-menu-content-list > li.selected > a,
   border-color: var(--dark-border) !important;
.skin-vector #p-views .vector-menu-content-list > li.selected > a {
   background: #1b1b1b !important;
   color: var(--accent-yellow, #FCEE0A) !important;
  border-color: #444 !important;
  border-bottom-color: #1b1b1b !important; /* žiadny svetlý „schodík“ */
}
}


/* Hrany boxov na RC stránke */
/* 4) odstráň biele pozadie na LI kontajneroch */
.mw-changeslist,
.vector-menu-tabs li,
.mw-changeslist-line,
.vector-menu-tabs-legacy li,
.mw-rcfilters-ui-watchlistTopSectionWidget,
#p-namespaces .vector-menu-content-list > li,
.mw-changeslist-legend {
#p-views .vector-menu-content-list > li {
   border-color: var(--dark-border) !important;
   background: transparent !important;
}
}
 
/* === FIX: skutočne tenká 1px žltá mriežka bez zdvojovania === */
/* --- Fix Portable Infobox headers (e.g., "Biographical Information") on dark theme --- */
.mw-parser-output table.article-table-cyberpunk {
.portable-infobox,
   border-collapse: separate !important;
.portable-infobox .pi-item,
   border-spacing: 0 !important;
.portable-infobox .pi-data,
   /* ponechaj svoj vonkajší rám (ak ho chceš tenší, daj 1px) */
.portable-infobox .pi-group {
  border: 2px solid var(--cp-yellow, #ffff00) !important;
   background: #0d1117 !important;
   border-color: #1f2a34 !important;
   color: #e6edf3 !important;
}
}


/* Header prúžky ako "Biographical Information" */
/* reset – žiadne „druhé“ okraje na bunkách */
.portable-infobox .pi-header,
.mw-parser-output table.article-table-cyberpunk th,
.portable-infobox .pi-secondary-background,
.mw-parser-output table.article-table-cyberpunk td {
.portable-infobox .pi-section-label {
   border: 0 !important;
   background: #0f1620 !important; /* zruší biely pás */
  /* kreslíme len pravú a spodnú hranu = jedna línia medzi bunkami */
   color: #e6edf3 !important;
   border-right: 1px solid var(--cp-yellow, #ffff00) !important;
   border-color: #1f2a34 !important;
   border-bottom: 1px solid var(--cp-yellow, #ffff00) !important;
}
}


/* Popisky vľavo (label) nech nie sú na bielom */
/* doplň ľavý okraj prvej bunky v riadku */
.portable-infobox .pi-data-label {
.mw-parser-output table.article-table-cyberpunk tr > *:first-child {
   color: #9db1c3 !important;
   border-left: 1px solid var(--cp-yellow, #ffff00) !important;
  background: transparent !important;
}
}


/* Odkazy v infoboxe – kontrast */
/* doplň horný okraj na prvom riadku (hlavička) */
.portable-infobox a { color: #58a6ff !important; }
.mw-parser-output table.article-table-cyberpunk tr:first-child > * {
 
   border-top: 1px solid var(--cp-yellow, #ffff00) !important;
/* Fandom/infobox občas farbí nepárne riadky na bielo – zruš */
.portable-infobox .pi-item:nth-child(odd),
.portable-infobox .pi-group:nth-child(odd) {
   background: #0d1117 !important;
}
}


/* Dark theme pre editovacie polia */
textarea,
input,
select {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}


/* Summary box pod editorom */
/* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */
#wpSummary {
  background-color: #111 !important;
  color: #eee !important;
}


/* Minor edit a watch this page checkbox panel */
/* celý editovací formulár */
.mw-editform .editCheckboxes,
#editform, .mw-editform, form#editform {
.mw-summary {
   background: var(--bg-secondary) !important;
   background-color: #111 !important;
  color: #eee !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
  color: var(--text-secondary) !important;
}
}


/* Tlačidlá dole */
/* wikiEditor kontajnery */
#editform input[type="submit"],
.wikiEditor-ui,
#editform button {
.wikiEditor-ui-top, .wikiEditor-ui-toolbar, .wikiEditor-ui-tabs,
   background-color: #222 !important;
.wikiEditor-ui-view, .wikiEditor-ui-bottom,
   color: #eee !important;
.wikiEditor-ui .dropDown, .wikiEditor-ui .menu .options, .wikiEditor-ui .panel {
   border: 1px solid #555 !important;
   background: #0f1012 !important;
   border-color: #333 !important;
   color: var(--text-secondary) !important;
}
}


/* ---- Dark theme pre editaciu ---- */
/* textové polia (obsah + zhrnutie) */
 
#wpTextbox1, #wpSummary,
/* hlavné textové pole */
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea,
#wpTextbox1 {
.mw-ui-input, .mw-ui-textfield {
   background-color: #111 !important;
   background: #121212 !important;
   color: #eee !important;
   color: var(--text-secondary) !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
}
}


/* summary input */
/* CodeMirror – celé pozadie ide na dark */
#wpSummary {
.CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters {
   background-color: #111 !important;
   background: #121212 !important;
   color: #eee !important;
   color: var(--text-secondary) !important;
   border: 1px solid #333 !important;
   border-color: #333 !important;
}
}


/* oblasť s checkboxami (minor edit, watch this page) */
/* spodné sekcie (minor edit, watch, tools…) */
.editOptions,
.editOptions, .editCheckboxes, .mw-editTools,
.editCheckboxes {
.templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt {
   background-color: #111 !important;
   background: var(--bg-secondary) !important;
   color: #eee !important;
   color: var(--text-secondary) !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
}
}


/* tlačidlá dole */
/* labely a checkbox kontajnery nech nie sú biele */
.editButtons input,
.mw-editform label, .mw-ui-checkbox, .mw-ui-radio {
.editButtons button {
   background: transparent !important;
   background-color: #222 !important;
   color: var(--text-secondary) !important;
   color: #eee !important;
   border: 0 !important;
   border: 1px solid #555 !important;
}
}


/* ===== Darken edit UI (textarea, summary, checkboxes, buttons) ===== */
/* tlačidlá */
#wpTextbox1,
.editButtons input, .editButtons button,
#wpSummary,
.mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button {
.editOptions,
.editCheckboxes {
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
.editButtons input,
.editButtons button {
   background: #222 !important;
   background: #222 !important;
   color: #eee !important;
   color: var(--text-secondary) !important;
   border: 1px solid #555 !important;
   border: 1px solid #555 !important;
  box-shadow: none !important;
}
}


/* CodeMirror dark (ak je zapnutý) */
/* placeholder farba */
.CodeMirror,
#wpSummary::placeholder, #wpTextbox1::placeholder,
.CodeMirror-gutters,
.oo-ui-textInputWidget input::placeholder,
#wpTextbox1.CodeMirror {
.oo-ui-textInputWidget textarea::placeholder {
  background: #111 !important;
   color: #8a8a8a !important;
  color: #eee !important;
   border-color: #333 !important;
}
}
.CodeMirror-cursor { border-left: 1px solid #eee !important; }
/* === Fix bielych pozadí v MediaWiki === */


/* ===== Message & warning boxes (vrátane toho ružového varovania) ===== */
/* Hlavný obsah */
.mw-message-box,
.mw-body,
.mw-message-box-warning,
.mw-parser-output,
.mw-message-box-error,
body,
.mw-message-box-success,
html {
.warningbox,
   background: var(--bg-primary) !important;
.errorbox,
   color: var(--text-primary) !important;
.successbox,
.mw-warning,
.mw-editnotice {
   background: #1a1a1a !important;
   color: #eee !important;
  border: 1px solid #333 !important;
}
}


/* farebný akcent na ľavom okraji podľa typu */
/* Tabuľky */
.mw-message-box-warning, .warningbox { border-left: 4px solid #d19a00 !important; }
.wikitable,
.mw-message-box-error,   .errorbox  { border-left: 4px solid #c0392b !important; }
.mw-parser-output table,
.mw-message-box-success, .successbox { border-left: 4px solid #27ae60 !important; }
.mw-parser-output th,
 
.mw-parser-output td {
/* OOUI hlášky/dialogy */
   background: var(--bg-secondary) !important;
.oo-ui-messageWidget,
   border: 1px solid var(--accent-yellow) !important;
.oo-ui-messageDialog .oo-ui-window-head,
   color: var(--text-primary) !important;
.oo-ui-messageDialog .oo-ui-window-body {
   background: #111 !important;
   color: #eee !important;
   border-color: #333 !important;
}
}


/* odkazy v boxoch – kontrast */
/* Infoboxy a bočné boxy */
.mw-message-box a,
.infobox,
.oo-ui-messageWidget a { color: #58a6ff !important; }
.navbox,
 
.toc,
 
/* Warning banner pri editácii systémových stránok */
.mw-warning,
.mw-warning,
.mw-warning-with-logexcerpt {
.mw-message-box,
   background-color: #111 !important;
.mw-body-content {
   color: #eee !important;
   background: var(--bg-secondary) !important;
   border: 1px solid #333 !important;
   color: var(--text-primary) !important;
  padding: 0.75em 1em !important;
   border: 1px solid var(--accent-yellow) !important;
}
}


/* Akcent na ľavom okraji pre varovanie */
/* Transcript a preformatovaný text */
.mw-warning {
pre,
   border-left: 4px solid #d19a00 !important;
code,
blockquote {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
   border: 1px solid var(--accent-yellow) !important;
  padding: 0.5em;
}
}


/* Odkazy vo warningu */
/* Hlavičky a nadpisy */
.mw-warning a,
h1, h2, h3, h4, h5, h6 {
.mw-warning-with-logexcerpt a {
   background: transparent !important;
  color: #58a6ff !important;
   color: var(--accent-yellow) !important;
}
 
/* ==== Tabs / Selectors (napr. Male V Cover / Female V Cover) ==== */
 
/* bežné záložky */
ul.article-tabs li a {
   background-color: #111 !important;
   color: #eee !important;
  border: 1px solid #333 !important;
}
}


/* aktívna záložka */
/* Linky */
ul.article-tabs li.selected a,
a,
ul.article-tabs li a:active {
a:visited {
   background-color: #222 !important;
   color: var(--link-color) !important;
  color: #ffcc00 !important;  /* alebo #eee ak chceš len svetlý text */
  border: 1px solid #555 !important;
}
}


/* hover efekt pre lepší kontrast */
/* === Fix white bar on categories (#catlinks) === */
ul.article-tabs li a:hover {
#catlinks,
   background-color: #1a1a1a !important;
#catlinks .mw-normal-catlinks,
   color: #58a6ff !important;
.skin-vector #catlinks,
.skin-vector-2022 #catlinks,
.skin-monobook #catlinks,
.skin-timeless #catlinks {
   background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--accent-yellow) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
   box-shadow: none !important;
}
}


/* === ArticleTabs fix pre tmavý skin === */
/* Inline list, no bullets, no extra gaps */
 
#catlinks ul {
/* Všetky taby */
   list-style: none !important;
.tabs-label {
   margin: 0 !important;
   background: #111 !important;
   padding: 0 !important;
   color: #eee !important;
   display: inline !important;
   border: 1px solid #333 !important;
   padding: 0.4em 0.8em !important;
}
}
 
#catlinks li {
/* Hover efekt */
   display: inline !important;
.tabs-label:hover {
   margin: 0 .6em 0 0 !important;
   background: #1a1a1a !important;
   color: #58a6ff !important;
}
}


/* Aktívna/selected záložka */
/* Links/colors */
.tabs-selected .tabs-label {
#catlinks a,
   background: #222 !important;
#catlinks a:visited {
   color: #ffcc00 !important; /* zvýraznenie aktívneho tab-u */
   color: var(--link-color) !important;
   border: 1px solid #555 !important;
   background: transparent !important;
   text-decoration: none;
}
}
#catlinks a:hover { text-decoration: underline; }


.tabs li.selected .tabs-label,
/* Remove any inherited white backgrounds from descendants */
.tabs li.current .tabs-label {
#catlinks * {
   background: #222 !important;
   background-color: transparent !important;
  color: #ffcc00 !important;
}
}


/* ==== TabberNeue (nový) ==== */
/* 2025 09 05 - 15 08 */
.tabber .tabber__nav,
.tabber .tabber__button {
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
.tabber .tabber__button:hover {
  background: #1a1a1a !important;
  color: #58a6ff !important;
}
.tabber .tabber__button[aria-selected="true"],
.tabber .tabber__button--active {
  background: #222 !important;
  color: #ffcc00 !important;  /* alebo #eee, ak chceš biely text */
  border: 1px solid #555 !important;
}


/* Panel s obsahom pod tabuľkami */
/***** LAYOUT & TYPO *****/
.tabber .tabber__panel {
.mw-body, .mw-parser-output { line-height: 1.5; }
  background: #0f0f0f !important;
.mw-parser-output img, .mw-parser-output video, .mw-parser-output .thumb img {
   color: #ddd !important;
   max-width: 100% !important; height: auto !important;
  border: 1px solid #333 !important;
}
}


/* ==== Starý Tabber (fallback) ==== */
/***** INFOBOX A PRAVÝ STĹPEC *****/
.tabbernav li a {
.infobox, .portable-infobox {
   background: #111 !important;
   float: right;
   color: #eee !important;
   width: 320px; max-width: 100%;
   border: 1px solid #333 !important;
   margin: .5rem 0 .75rem .75rem;
}
   background: var(--bg-secondary) !important;
.tabbernav li a:hover {
   border: 1px solid var(--accent-yellow) !important;
   background: #1a1a1a !important;
   color: #58a6ff !important;
}
}
.tabbernav li.tabberactive a {
@media (max-width: 1100px) {
  background: #222 !important;
  .infobox, .portable-infobox { float:none; margin:.75rem 0; }
  color: #ffcc00 !important;
  border: 1px solid #555 !important;
}
}
/* ==== UNIVERZÁLNY DARK FIX PRE TABY/SELEKTORY A OOUI ==== */


/* ARIA taby (zaberie väčšinu widgetov a šablón) */
/***** TABUĽKY – PRETEKANIE DOPRAVA *****/
[role="tablist"] [role="tab"] {
/* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */
   background: #111 !important;
.mw-parser-output .wikitable,
   color: #eee !important;
.mw-parser-output table.prettytable,
   border: 1px solid #333 !important;
.mw-parser-output table {
}
   display: block;                 /* umožní overflow-x */
[role="tablist"] [role="tab"][aria-selected="true"],
   max-width: 100%;
[role="tablist"] [role="tab"].is-active {
   overflow-x: auto;               /* scroll pri úzkych viewportoch */
   background: #222 !important;
  -webkit-overflow-scrolling: touch;
   color: #ffcc00 !important;   /* ak chceš biely text: #eee */
   box-sizing: border-box;
   border-color: #555 !important;
   clear: both;                   /* nenechaj ju „napchávať sa“ vedľa infoboxu */
}
   border-collapse: collapse;
[role="tablist"] [role="tab"]:hover {
   background: var(--bg-secondary) !important;
   background: #1a1a1a !important;
   border: 1px solid var(--accent-yellow) !important;
   color: #58a6ff !important;
}
}


/* TabberNeue */
/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */
.tabber .tabber__button {
.mw-parser-output .wikitable th,
  background: #111 !important;
.mw-parser-output .wikitable td,
  color: #eee !important;
.mw-parser-output table th,
  border: 1px solid #333 !important;
.mw-parser-output table td {
}
   white-space: normal !important;     /* zabrání nekonečným riadkom */
.tabber .tabber__button[aria-selected="true"],
   overflow-wrap: anywhere;           /* láme veľmi dlhé slová/URL */
.tabber .tabber__button--active {
   word-break: break-word;
   background: #222 !important;
   hyphens: auto;
   color: #ffcc00 !important;
   padding: .4rem .5rem;
   border-color: #555 !important;
   border: 1px solid var(--accent-yellow) !important;
}
.tabber .tabber__panel {
   background: #0f0f0f !important;
   color: #ddd !important;
   border: 1px solid #333 !important;
}
}


/* Starý Tabber */
/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */
.tabbernav li a {
.mw-parser-output .wikitable { table-layout: fixed; }
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
.tabbernav li.tabberactive a {
  background: #222 !important;
  color: #ffcc00 !important;
  border-color: #555 !important;
}


/* Štandardné “mw-ui” tlačidlá a odkazy, ktoré šablóny používajú ako taby */
/***** TOC, QUOTES, PRE/ CODE *****/
.mw-ui-button,
#toc, .toc {
.mw-ui-button.mw-ui-progressive,
   background: var(--bg-secondary) !important;
.mw-ui-button.mw-ui-quiet {
   border: 1px solid var(--accent-cyan) !important;
   background: #111 !important;
  color: #eee !important;
   border: 1px solid #333 !important;
}
}
.mw-ui-button:focus,
pre, code, blockquote {
.mw-ui-button:active,
   background: var(--bg-tertiary) !important;
.mw-ui-button[aria-pressed="true"] {
   color: var(--text-secondary) !important;
   background: #222 !important;
   border: 1px solid var(--accent-yellow) !important;
   color: #ffcc00 !important;
   padding: .5rem .6rem;
   border-color: #555 !important;
   max-width: 100%;
}
   overflow: auto;                 /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */
 
/* OOUI (knoflíky v galérii/slideshow a inde) */
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  background: #111 !important;
   color: #eee !important;
  border: 1px solid #333 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled[aria-pressed="true"] > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:active {
  background: #222 !important;
   color: #ffcc00 !important;
   border-color: #555 !important;
}
}


/* Slideshow ovládanie v <gallery> */
/***** DOLADENIE ROZHRANIA *****/
.mw-gallery-slideshow .oo-ui-buttonElement-button,
/* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */
.mw-gallery-slideshow .mw-gallery-button {
#catlinks, #catlinks * { background: transparent !important; }
  background: #111 !important;
#catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; }
  color: #eee !important;
  border: 1px solid #333 !important;
}
.mw-gallery-slideshow .oo-ui-buttonElement[aria-pressed="true"] .oo-ui-buttonElement-button,
.mw-gallery-slideshow .mw-gallery-button.is-active {
  background: #222 !important;
  color: #ffcc00 !important;
  border-color: #555 !important;
}


/* Kontrast a fokus, nech nie je “svetlý halo” */
/* Mini fixy pre systémové boxy a message bannery */
:focus {
.mw-message-box, .mw-warning, .mw-notification {
   outline-color: #555 !important;
  background: var(--bg-secondary) !important;
   border-color: var(--accent-cyan) !important;
  color: var(--text-primary) !important;
}
}


/* ===== Dark fix pre Fandom/WDS tabs + PortableInfobox gallery/tabs ===== */
/***** HRANICE A MIERKA TABULIEK *****/
.mw-parser-output .wikitable caption { color: var(--text-secondary); }
.mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); }


/* Základ tabov (WDS) */
/* ************************** */
.wds-tabs,
/***** TEXT – lepšia čitateľnosť *****/
.wds-tabs__wrapper,
.mw-body,
.wds-tabs__tab,
.mw-parser-output p,
.wds-tabs__tab-label,
.mw-parser-output li {
.wds-tabs__tab a {
  max-width: 900px;          /* obmedz šírku odstavcov na čitateľnú mieru */
   background: #111 !important;
  margin-left: auto;
   color: #eee !important;
  margin-right: auto;
   border: 1px solid #333 !important;
  line-height: 1.65;          /* vzdušnejšie riadkovanie */
   font-size: 15px;           /* o trochu väčší, kompaktnejší text */
   letter-spacing: 0.2px;     /* jemné rozšírenie písma pre cyberpunk vzhľad */
   color: var(--text-primary);
}
}


/* Hover */
/* Tighter spacing pre headings */
.wds-tabs__tab:hover .wds-tabs__tab-label,
.mw-parser-output h1,
.wds-tabs__tab a:hover {
.mw-parser-output h2,
   background: #1a1a1a !important;
.mw-parser-output h3 {
   color: #58a6ff !important;
  margin-top: 1.6em;
   margin-bottom: 0.6em;
   line-height: 1.3;
}
}


/* Aktívny/selected tab (WDS) */
/* Odrážky a zoznamy nech sú kompaktnejšie */
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.mw-parser-output ul,
.wds-tabs__tab.wds-is-selected .wds-tabs__tab-label,
.mw-parser-output ol {
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
   margin-top: 0.4em;
.wds-tabs__tab.wds-is-current a,
   margin-bottom: 0.8em;
.wds-tabs__tab.wds-is-selected a {
   padding-left: 1.4em;
   background: #222 !important;
   color: #ffcc00 !important;   /* prípadne #eee ak chceš biely text */
   border-color: #555 !important;
}
}


/* Obsah pod tabuľkami (ak ho WDS renderuje) */
.wds-tab__content,
.wds-tabs__content,
.wds-tabs__panel {
  background: #0f0f0f !important;
  color: #ddd !important;
  border: 1px solid #333 !important;
}


/* PortableInfobox – vnútorné taby/galéria */
/*   ============================================================================================== */
.portable-infobox .pi-tabs,
.portable-infobox .pi-tab-link,
.portable-infobox .pi-section-tabs .pi-section-tab,
.portable-infobox .pi-image-collection,
.portable-infobox .pi-image-collection .wds-tabs__tab-label {
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}


.portable-infobox .pi-tab-link.is-active,
.portable-infobox .pi-section-tabs .pi-section-tab.is-active,
.portable-infobox .pi-tab-link[aria-selected="true"],
.portable-infobox .pi-image-collection .wds-tabs__tab.wds-is-current .wds-tabs__tab-label {
  background: #222 !important;
  color: #ffcc00 !important;
  border-color: #555 !important;
}


/* Pre istotu zruš svetlé spodné border/shadow, ktoré WDS rád pridáva */
/* === TYPO RESET: jednotná veľkosť a odsadenie === */
.wds-tabs__tab,
.mw-body,
.wds-tabs__tab-label,
.mw-parser-output {
.portable-infobox .pi-tabs,
  --font-body: 15.5px;
.portable-infobox .pi-tab-link {
  --lh: 1.65;
   box-shadow: none !important;
  --space-xxs: .25rem;
  --space-xs: .4rem;
  --space-sm: .6rem;
  --space-md: .9rem;
  font-size: var(--font-body);
   line-height: var(--lh);
}
}


/* ===== Aktívny/selected tab = žlté pozadie ===== */
/* Bežný text (odstavce, zoznamy, definície) – všade rovnaké */
 
.mw-parser-output p,
/* WDS/Fandom tabs */
.mw-parser-output li,
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.mw-parser-output dd,
.wds-tabs__tab.wds-is-selected .wds-tabs__tab-label,
.mw-parser-output dt,
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
.mw-parser-output blockquote,
.wds-tabs__tab.wds-is-current a,
.mw-parser-output pre,
.wds-tabs__tab.wds-is-selected a {
.mw-parser-output code,
   background: #d19a00 !important;   /* žlté pozadie */
.mw-parser-output table,
   color: #111 !important;           /* tmavý text pre kontrast */
.mw-parser-output .infobox,
  border-color: #555 !important;
.mw-parser-output .portable-infobox,
.mw-parser-output .toc,
.mw-parser-output .navbox,
.mw-parser-output .mw-message-box {
   font-size: 1em;           /* žiadne zmenšovanie/zväčšovanie */
   line-height: var(--lh);   /* jednotné riadkovanie */
}
}


/* PortableInfobox tabs */
/* Konzistentné okraje bežných prvkov */
.portable-infobox .pi-tab-link.is-active,
.mw-parser-output p        { margin: 0 0 var(--space-sm); }
.portable-infobox .pi-section-tabs .pi-section-tab.is-active,
.mw-parser-output ul,
.portable-infobox .pi-tab-link[aria-selected="true"],
.mw-parser-output ol      { margin: var(--space-xs) 0 var(--space-sm); padding-left: 1.4em; }
.portable-infobox .pi-image-collection .wds-tabs__tab.wds-is-current .wds-tabs__tab-label {
.mw-parser-output li      { margin: 0 0 var(--space-xxs); }
  background: #d19a00 !important;   /* žlté pozadie */
.mw-parser-output dl      { margin: var(--space-xs) 0 var(--space-sm); }
  color: #111 !important;           /* tmavý text */
.mw-parser-output dt      { font-weight: 600; margin-top: var(--space-xxs); }
  border-color: #555 !important;
.mw-parser-output dd      { margin-left: 1.1em; }
}


/* ===== Tvrdý override na aktívny selector (žlté pozadie) ===== */
/* Nadpisy – rovnaké medzery nad/pod a mierka */
.mw-parser-output h1 { font-size: 1.9em; margin: 1.2em 0 .55em; line-height: 1.25; }
.mw-parser-output h2 { font-size: 1.55em; margin: 1.1em 0 .5em;  line-height: 1.28; }
.mw-parser-output h3 { font-size: 1.3em;  margin: 1.0em 0 .45em; line-height: 1.3; }
.mw-parser-output h4 { font-size: 1.12em; margin: .9em 0 .4em;  line-height: 1.35; }
.mw-parser-output h5,
.mw-parser-output h6 { font-size: 1em;    margin: .8em 0 .35em; }


/* ak tab je aria-selected="true" */
/* TOC, infobox, tabuľky – nech neprepisujú typografiu */
[role="tab"][aria-selected="true"],
.mw-parser-output #toc,
[role="tab"][aria-selected="true"] .wds-tabs__tab-label,
.mw-parser-output .toc,
.wds-tabs__tab.wds-is-current,
.mw-parser-output .infobox,
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label {
.mw-parser-output .portable-infobox,
   background-color: #d19a00 !important; /* žlté pozadie */
.mw-parser-output .wikitable,
   color: #111 !important;                /* tmavý text */
.mw-parser-output table {
  border: 1px solid #555 !important;
   margin-top: var(--space-sm);
   margin-bottom: var(--space-md);
}
}


/* fallback pre anchor vo vnútri */
/* Obrázky a popisky – mierne kompaktnejšie, ale stále čitateľné */
[role="tab"][aria-selected="true"] a {
.mw-parser-output .thumb .thumbcaption,
  background-color: #d19a00 !important;
.mw-parser-output figcaption { font-size: .95em; line-height: var(--lh); }
  color: #111 !important;
}


/* Ultra-override: aktivny tab = zlte pozadie, bez gradientov/shadows */
/* Poznámky a referencie – jednotné medzery */
:root .wds-tabs .wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.mw-parser-output .references li { margin: 0 0 var(--space-xxs); line-height: var(--lh); }
:root .wds-tabs .wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
.mw-parser-output .reference { font-size: .95em; }
:root [role="tab"][aria-selected="true"],
:root [role="tab"][aria-selected="true"] .wds-tabs__tab-label,
:root .wds-tabs__tab.wds-is-selected .wds-tabs__tab-label,
:root .wds-tabs__tab.wds-is-current > a,
:root .wds-tabs__tab.wds-is-selected > a,
:root .wds-tabs__tab > a[aria-selected="true"] {
  background-color: #d19a00 !important;
  background-image: none !important;  /* zruš gradienty */
  box-shadow: none !important;        /* zruš svetlé tiene */
  text-shadow: none !important;
  color: #111 !important;
  border: 1px solid #555 !important;
}


/* ak je aktívny stav na samotnom <a> alebo <button> */
/* Zaruč rovnakú veľkosť textu aj v tabuľkách/infoboxe */
:root a[role="tab"][aria-selected="true"],
.mw-parser-output .wikitable th,
:root button[role="tab"][aria-selected="true"] {
.mw-parser-output .wikitable td,
  background-color: #d19a00 !important;
.mw-parser-output .infobox td,
  background-image: none !important;
.mw-parser-output .infobox th { font-size: 1em; line-height: var(--lh); padding: .4rem .5rem; }
  box-shadow: none !important;
  color: #111 !important;
  border: 1px solid #555 !important;
}


/* Zbytočne „zmenšené“ systémové prvky narovnaj */
#catlinks, .mw-notification, .mw-warning, .hatnote, .dablink { font-size: 1em; line-height: var(--lh); }


/* PortableInfobox aktívny tab = žlté pozadie */
/* Voliteľné: obmedz čitateľnú šírku bežného textu (bez tabuliek/infoboxu) */
.pi-tab-link.is-active {
.mw-parser-output > p,
   background-color: #d19a00 !important; /* žlté pozadie */
.mw-parser-output > ul,
   color: #111 !important;               /* tmavý text */
.mw-parser-output > ol,
   border: 1px solid #555 !important;
.mw-parser-output > dl,
.mw-parser-output > blockquote {
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
}
}


/* ostatné taby nech sú tmavé */
.pi-tab-link {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}


/* hover efekt */
/*   - ------------------------------------------------------------------------------      */
.pi-tab-link:hover {
/* === Fix obtekania obrázkov === */
  background-color: #1a1a1a !important;
.mw-parser-output .thumb,
   color: #58a6ff !important;
.mw-parser-output .floatleft,
.mw-parser-output .floatright,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
   margin: 0.5rem 1.2rem 0.8rem 1.2rem !important; /* väčšie odsadenie zo všetkých strán */
}
}


/* PortableInfobox tabs – tmavý základ */
/* Ak je obrázok vľavo, nech má extra priestor vpravo */
.pi-tab-link {
.mw-parser-output .floatleft,
   background-color: #111 !important;
.mw-parser-output .thumb.tright {
  color: #eee !important;
   margin-right: 1.5rem !important;
  border: 1px solid #333 !important;
}
}


/* Aktívny tab – žlté pozadie */
/* Ak je obrázok vpravo, nech má extra priestor vľavo */
.pi-tab-link.is-active {
.mw-parser-output .floatright,
  background-color: #d19a00 !important;  /* žltá */
.mw-parser-output .thumb.tleft,
  color: #111 !important;                /* tmavý text */
.mw-parser-output .infobox,
   border: 1px solid #555 !important;
.mw-parser-output .portable-infobox {
   margin-left: 1.5rem !important;
}
}


/* Hover efekt */
/* Popisky pod obrázkami nech sú kompaktnejšie, ale čitateľné */
.pi-tab-link:hover {
.mw-parser-output .thumbcaption {
   background-color: #1a1a1a !important;
  font-size: 0.95em;
   color: #58a6ff !important;
   line-height: 1.5;
   margin-top: 0.3rem;
}
}


/* PortableInfobox tabs – tmavý základ */
/* Väčšie medzery okolo plávajúcich prvkov */
.pi-tab-link {
.mw-parser-output .thumb,
   background-color: #111 !important;
.mw-parser-output .floatleft,
   color: #eee !important;
.mw-parser-output .floatright,
  border: 1px solid #333 !important;
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
   margin-top: .5rem !important;
   margin-bottom: .8rem !important;
}
}


/* Aktívny tab – žlté pozadie */
/* Obrázok vľavo → priestor vpravo */
.pi-tab-link.is-active {
.mw-parser-output .thumb.tleft,
   background-color: #d19a00 !important; /* žltá */
.mw-parser-output .floatleft {
   color: #111 !important;                /* tmavý text */
   margin-left: 0 !important;
  border: 1px solid #555 !important;
   margin-right: 1.6rem !important;
}
}


/* Hover efekt */
/* Obrázok vpravo (aj infobox) → priestor vľavo */
.pi-tab-link:hover {
.mw-parser-output .thumb.tright,
   background-color: #1a1a1a !important;
.mw-parser-output .floatright,
   color: #58a6ff !important;
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
   margin-right: 0 !important;
   margin-left: 1.6rem !important;
}
}


.pi-tab-link.is-active,
/* Jemný vnútorný odstup v rámci rámčeka thumb */
.pi-tab-link.is-active a,
.mw-parser-output .thumb .thumbinner {
.pi-tab-link.is-active span {
   padding: .25rem !important;
   background-color: #d19a00 !important;
  color: #111 !important;
}
}


/* ===== PortableInfobox taby fix ===== */
/* Pri tabulkách: viac priestoru medzi stĺpcami s textom */
 
.mw-parser-output table td,
/* všetky taby default = tmavé */
.mw-parser-output table th {
.pi-tab-link {
   padding: 0.75rem 0.9rem !important;
   background: #111 !important;
   vertical-align: top;                 /* text hore vedľa obrázka */
   color: #eee !important;
  border: 1px solid #333 !important;
}
}


/* aktívny tab = žlté pozadie */
/* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */
.pi-tab-link.is-active {
.mw-parser-output table td + td,
   background: #d19a00 !important;
.mw-parser-output table th + td,
  background-image: none !important; /* ak by tam bol gradient */
.mw-parser-output table th + th {
  box-shadow: none !important;
   padding-left: 1.25rem !important;   /* toto vytvorí medzeru od obrázka */
  text-shadow: none !important;
  color: #111 !important;
  border: 1px solid #555 !important;
}
}


/* ak PortableInfobox renderuje vnútorný span alebo a */
/* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */
.pi-tab-link.is-active span,
.mw-parser-output table td img,
.pi-tab-link.is-active a {
.mw-parser-output table td .thumb {
   background: #d19a00 !important;
   margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
   color: #111 !important;
   max-width: 100%;
  height: auto;
}
}


/* hover */
/* Odstránenie bielych pozadí z RecentChanges */
.pi-tab-link:hover {
.mw-body,
   background: #1a1a1a !important;
.mw-body-content,
   color: #58a6ff !important;
.rcfilters-head,
.mw-changeslist-legend,
.mw-changeslist,
.mw-specialpage-summary {
   background: transparent !important;
   color: var(--text-primary, #fff) !important;
}
}
 
.mw-changeslist-legend,
/* PortableInfobox tabs – tmavý základ */
.rcfilters-head {
.pi-media-collection-tabs .pi-tab-link {
  background: #111 !important;
  color: #eee !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
  display: inline-block;
  padding: 0.4em 0.8em;
}
}
 
/* Fix bielych rámikov v Live updates / filteroch */
/* Aktívny tab = žlté pozadie */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper,
.pi-media-collection-tabs .pi-tab-link.current {
.oo-ui-menuSelectWidget,
  background: #d19a00 !important;  /* žlté pozadie */
.oo-ui-tagMultiselectWidget-handle {
  color: #111 !important;          /* tmavý text */
   background-color: #111 !important;
  border: 1px solid #555 !important;
   color: #fff !important;
}
 
/* Hover efekt */
.pi-media-collection-tabs .pi-tab-link:hover {
   background: #1a1a1a !important;
   color: #58a6ff !important;
}
}
Retrieved from "https://wiki.cbrpnk.eu/MediaWiki:Common.css"