MediaWiki:Common.css: Porovnání verzí

Aktuální verze z 21. 1. 2026, 19:42

/*WikiEditor solving issue */

.wikiEditor-ui-toolbar {
	height: fit-content;
}

/* Zde uvedené CSS bude ovlivňovat všechny vzhledy */

:root {
   /* --width-layout: 1080px;  Slightly wider content */
}

body {
	background: var(--background-color-dp-6);
}

pre {
	white-space:pre-line;
}

.float-right {
	float:right;
	margin-left:20px;
}

.shadow {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}

/*  velikosti písma */

.text-xxs {
	font-size:calc(var(--font-size-base) * 0.72);
}

.text-xs {
	font-size:var(--font-size-x-small);
}

/* wikitable */

table.wikitable tr th, table.wikitable tr td {
	/* padding:7px 20px 7px 0;*/
}

table.wikitable pre {
	padding: 0.3rem;
	border-radius:var(--border-radius-medium);
}

/* Odstranění ikony u externích odkazů */
.mw-parser-output a.external {
	background-image:none;
	padding-right:0;
}


.wikitableBackground {
	background:var(--color-surface-2);
}

.wikitableBackground2 {
	background:var(--color-surface-2);
}

.wikitableBackground3 {
	background:var(--color-surface-3);
}

.wikitableBackground4 {
	background:var(--color-surface-4);
}

/* ---------------------- */
/*        TABULKY         */

/* zafreezování prvního sloupce */
.sticky-first-col td:first-child,
.sticky-first-col th:first-child {
    position: sticky;
    left: 0;
    background: var(--color-surface-1);
    z-index: 2; /* aby překrýval ostatní buňky */
    min-width: max-content;
	white-space: nowrap;
}

/* zafreezování headeru */
.sticky-header thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--color-surface-1);
}

/* containerfilter */
.container-filter-search .oo-ui-inputWidget-input {
    background-color: var(--color-surface-4) !important;
}

/* zarovnání sloupce v tabulce */
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }

table.col-1-right td:nth-child(1) { text-align: right; }
table.col-2-right td:nth-child(2) { text-align: right; }
table.col-3-right td:nth-child(3) { text-align: right; }
table.col-4-right td:nth-child(4) { text-align: right; }
table.col-5-right td:nth-child(5) { text-align: right; }
table.col-6-right td:nth-child(6) { text-align: right; }
table.col-7-right td:nth-child(7) { text-align: right; }
table.col-8-right td:nth-child(8) { text-align: right; }
table.col-9-right td:nth-child(9) { text-align: right; }
table.col-10-right td:nth-child(10) { text-align: right; }
table.col-11-right td:nth-child(11) { text-align: right; }

table.col-1-color td:nth-child(1) { background-color: blue; }
table.col-2-color td:nth-child(2) { background-color: blue; }
table.col-3-color td:nth-child(3) { background-color: blue; }

table.col-1-surface1 td:nth-child(1) { background: var(--color-surface-1); }
table.col-3-surface1 td:nth-child(3) { background: var(--color-surface-1); }
table.col-4-surface2 td:nth-child(4) { background: var(--color-surface-2); }
table.col-5-surface3 td:nth-child(5) { background: var(--color-surface-3); }
table.col-6-surface4 td:nth-child(6) { background: var(--color-surface-4); }

table.col-1-rightBorder td:nth-child(1) { border-right: var(--border-width-base) solid var(--border-color-base); }

table.col-7-rightPaddingXS td:nth-child(7) { padding-right: var(--space-xs); }
table.col-9-rightPaddingXS td:nth-child(9) { padding-right: var(--space-xs); }

table.col-7-paddingXS td:nth-child(7) { padding: var(--space-xs); }
table.col-8-paddingXS td:nth-child(8) { padding: var(--space-xs); }
table.col-9-paddingXS td:nth-child(9) { padding: var(--space-xs); }
table.col-10-paddingXS td:nth-child(10) { padding: var(--space-xs); }

table.col-1-colorSuccess td:nth-child(1) { color: var(--color-success); }
table.col-3-colorSuccess td:nth-child(3) { color: var(--color-success); }
table.col-4-colorSuccess td:nth-child(4) { color: var(--color-success); }
table.col-5-colorSuccess td:nth-child(5) { color: var(--color-success); }
table.col-6-colorSuccess td:nth-child(6) { color: var(--color-success); }

table.col-6-textShipList td:nth-child(6) { font-size: 0.6em;line-height: 1.35em; }
table.col-6-textShipList td:nth-child(6) { font-size: 0.6em;line-height: 1.35em; }
table.col-7-textShipList td:nth-child(7) { font-size: 0.6em;line-height: 1.35em; }
table.col-8-textShipList td:nth-child(8) { font-size: 0.6em;line-height: 1.35em; }
table.col-9-textShipList td:nth-child(9) { font-size: 0.6em;line-height: 1.35em; }
table.col-10-textShipList td:nth-child(10) { font-size: 0.6em;line-height: 1.35em; }

table.col-6-textShipListFirstLine td:nth-child(6)::first-line { font-size: var(--font-size-small); }
table.col-8-textShipListFirstLine td:nth-child(8)::first-line { font-size: var(--font-size-small); }


/* wikitable freeze */

.wikitable-freeze {
	margin:var(--space-md) 0;
	font-size:var(--font-size-small);
	border-spacing:0;
	border:1px solid var(--border-color-base);
	border-radius:var(--border-radius-medium);
}

.wikitable-free tr:first-child {
	position:sticky;
	top:0;
	z-index:1;
}

.wikitable-freeze th {
	font-weight:var(--font-weight-normal);
	color:var(--color-base--subtle);
	text-align:start;
	letter-spacing:0.05em;
	background:var(--color-surface-2);
}

.wikitable-freeze tbody tr:hover {
	background-color: var(--background-color-quiet--hover);
}

.wikitable-freeze tr td {
	border-top:1px solid var(--border-color-base);
}

.wikitable-freeze tr td:nth-child(n+2) {
	border-top:1px solid var(--border-color-base);
	text-align:center;
}

.wikitable-freeze th, td {
	padding:var(--space-xs) var(--space-sm);
}

.wikitable-freeze tr:first-of-type th:last-child, .wikitable-freeze tr:first-of-type td:last-child {
	border-bottom-left-radius:var(--border-radius-medium);
}

.wikitable-freeze tr:first-of-type th:first-child, .wikitable-freeze tr:first-of-type td:first-child {
	border-top-left-radius:var(--border-radius-medium);
}

.wikitable-freeze tr:last-of-type th:first-child, .wikitable-freeze tr:last-of-type td:first-child {
	border-bottom-left-radius:var(--border-radius-medium);
}

.wikitable-freeze tr:last-of-type th:last-child, .wikitable-freeze tr:last-of-type td:last-child {
	border-bottom-right-radius:var(--border-radius-medium);
}

.wikitable-freeze th:nth-child(n+2) {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	line-height:1;
	position:relative;
	-webkit-writing-mode:vertical-rl;
	vertical-align:middle;
}

.wikitable-freeze tr>th:first-child, .wikitable-freeze tr>td:first-child {
	position: sticky;
	left: 0;
	background:var(--color-surface-2);
	z-index:2;
}

.firstCol__gold td:nth-child(1) { color: #e9a909; }

/* Šablona: Karta */

.karta {
	width:100%;
	border-radius:var(--border-radius-medium);
	background-color:var(--color-surface-2);
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

.karta__titulek {
	/*background-color:var(--color-surface-3);*/
	padding: .6rem;
	border-bottom: 2px solid var(--color-surface-4);
}

.karta__titulek h2, .karta__titulek h3, .karta__titulek h4 {
	margin:0;
	padding-top: 0.3rem;
	padding-left: 0.3rem;
	font-size:var(--font-size-large);
}

.karta__text {
	padding: 0.6rem 1.5rem;
}

.karta__img {
	display:block;
	width:100%;
	height:auto;
	margin-top:auto;
	overflow:hidden;
}

.karta__img img {
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:center;
	transition:transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.karta:hover .karta__img img {
	transform:scale(1.1);
}


/* Šablona: Karty  */

ul.kartyList {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:var(--space-md) 0 var(--space-md) 0;
	justify-content: space-between;
}

.karty {
    width: 100%;
    height: 100%;
    /* max-width: 400px; */
    border-spacing: 0;
    border-radius: var(--border-radius-large);
    background: var(--color-surface-2);
    font-size: var(--font-size-x-small);
    font-weight:300;
    text-align: left;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
    /* V případě, že tooltip překročí boundary */
    overflow: visible;
}

.karty tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.karty tr {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.karty tr:last-child {
	margin-top: 10px;
	margin-bottom: 10px;
}

.karty th,
.karty td {
    padding: 0 5px;
}

.karty .karty-image {
    margin-top: 0;
    padding: 0;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.karty-image td {
    padding: 0;
}

.karty-image--dark .image {
	background: #2b2f36;
}

.karty-image /*.image*/ img {
	max-width: 100%;
    display: block;
    background: var(--background-color-quiet--hover);
    height: auto;
}

.kartyNadpis {
	border-bottom:1px solid var(--color-base);
	width:100%;
	margin-top:0;
	height:35px;
	justify-content: center;
	font-weight: 500;
	font-size: var(--font-size-small);
}

.dveKarty .citizen-overflow-wrapper, .triKarty .citizen-overflow-wrapper,  .ctyriKarty .citizen-overflow-wrapper, .petKarty .citizen-overflow-wrapper {
	overflow-x: hidden;
	height: 100%;
}

.dveKarty {
	max-width:calc(50% - 10px);
}

.triKarty {
	max-width:calc(33.3% - 10px);
}

.ctyriKarty {
	max-width:calc(25% - 10px);
}

.petKarty {
	max-width:calc(20% - 7px);
}

@media only screen and (max-width: 880px) {
    .ctyriKarty, .petKarty {
	max-width:calc(33.3% - 5px);
	margin-bottom: 10px;
    }
}

@media only screen and (max-width: 720px) {
    .triKarty, .ctyriKarty, .petKarty {
	max-width:calc(50% - 5px);
	margin-bottom: 10px;
    }
}

/* Infoboxy */

.infobox {
    width: 100%;
    max-width: 400px;
    margin-top: 0.8rem;
    margin-bottom: 0.4em;
    border-spacing: 0;
    border-radius: var(--border-radius-large);
    background: var(--color-surface-2);
    font-size: 0.875rem;
    text-align: left;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
    /* V případě, že tooltip překročí boundary */
    overflow: visible;
}

.infobox tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.infobox tr {
    margin-top: 10px;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.infobox th,
.infobox td {
    padding: 0 10px;
}

.infobox-tag {
	position:absolute;
	bottom:0px;
	right:0px;
	padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
	border-radius:6px;
	font-size:0.8em;
	margin:10px;
}

.infobox .infobox-col1 {
    width: 100%;
}

.infobox .infobox-col2 {
    width: 50%;
}

.infobox .infobox-col2-3 {
    width: calc(200% / 3);
}

.infobox .infobox-col3 {
    width: calc(100% / 3);
}

.infobox .infobox-col4 {
    width: 25%;
}

.infobox .infobox-title {
    margin-top: 20px;
    margin-bottom: 5px;
    width: 100%;
    color: var(--color-base--emphasized);
    font-size: 1.4rem;
    line-height: 1.4;
}

.infobox .infobox-subTitle {
    margin-top: 0px;
    margin-bottom: 20px;
    width: 100%;
    color: var(--color-base--subtle);
    font-size: 1.1rem;
    line-height: 0.7;
}

.infobox .infobox-header {
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    color: var(--color-emphasized);
    border-top: 1px solid;
    border-color: var(--border-color-base);
    font-size: 1rem;
}

/* Infobox titulkový obrázek */
.infobox .infobox-image {
    margin-top: 0;
    padding: 0;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.infobox-image td {
    padding: 0;
}

.infobox-image--dark .image {
	background: #2b2f36;
}

.infobox-image .image img {
	max-width: 100%;
    display: block;
    background: var(--background-color-quiet--hover);
}

/* Infobox hodnoty */
.infobox-data th {
    color: var(--color-subtle);
    font-weight: normal;
    font-size: 0.8125rem;
    letter-spacing: .75px;
}

.infobox-data td {
    font-weight: 500;
}

.infobox-data ul,
.infobox-data ol {
    margin-top: 0;
}

@media only screen and (max-width: 720px) {
    .infobox {
        margin-left: auto;
        margin-right: auto;
    }
    
    .float-right {
    	float:none;
    }

    .infobox tr:first-of-type .mw-collapsible-toggle {
        display: block;
    }
}

/* Spoiler box template*/
div.spoilerbox {
	margin-top: 0.6rem;
	border-radius: 8px;
	color: var(--color-base--subtle);
	background: var(--color-surface-2);
	font-size: 0.875rem;
	line-height: 1.4;
	overflow: hidden;
}

.spoilerbox-header {
	padding: 10px 15px;
	background-color: var(--border-color-base);
	letter-spacing: .75px;
	transition: background 0.2s ease;
}

.spoilerbox.mw-collapsed .spoilerbox-header {
	background: transparent;
}

.spoilerbox-content {
    padding: 10px 15px;
}

.spoilerbox .mw-collapsible-toggle:before, 
.spoilerbox .mw-collapsible-toggle:after {
	content: none;
}

.spoilerbox .mw-collapsible-text {
	display: block;
	padding: 10px 15px;
	color: var(--color-base--subtle);
    background: var(--border-color-base);
}

.spoilerbox .mw-collapsible-text:hover {
	background: var(--background-color-quiet--hover);
}

.spoilerbox .mw-collapsible-text:active {
	background: var(--background-color-quiet--active);
}


/* dočasně Pride Month ze Starcitizen.tools */
.mw-logo-wordmark {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
}

.mw-logo-wordmark::after {
	content: "";
	width: 1em;
	height: 1em;
	background-image:url(https://media.starcitizen.tools/5/5f/SCW-Verified.svg);
}

/* šablona Specifikace */

.spec-main {
	width:100%;
	display:flex;
}

.spec-main tbody {
}

.spec-main .spec-col {
    /*width: 45%;*/
    max-width:450px;
    display:inline-grid;
    margin:0 10px;
}

.spec-main .spec-inner {
	line-height:1.6;
	font-size:14px;
	margin:0;
	padding: 15px;
	min-width:400px;
	border-radius: var(--border-radius-large);
    background: var(--color-surface-2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
    display: inline-table;
}

.spec-main .spec-inner td {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0;
}

.specOznac {
	color:#d5603a; /*d77c36*/
	display:contents;
}

.spec-inner .spec-header {
    width: 100%;
    color: var(--color-base--emphasized);
    font-size: 1rem;
}

@media only screen and (max-width: 900px) {
	
	.spec-main {
		width:100%;
		display:table-caption;
	}
	.spec-main .spec-col {
	    width: 100%;
	    margin:10px 0;
	}
}




/* Užitečné odkazy, šablona Odkazy ZASTARALÉ */

table.odkazy {
	width: 100%;
    margin-top: 0.8rem;
    border-spacing: 0;
    border-radius: var(--border-radius-large);
    /*background: var(--background-color-dp-02);*/
    text-align: left;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);*/
}

.odkazy tr {
    margin-top: 10px;
    padding: 0 8px;
    box-sizing: border-box;
}

.odkazy td {
    padding:0;
}

/* používá šablona Infoboxů */
ul.odkazy-urlSeznam {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}

ul.odkazy-urlSeznam a.external {
	padding:5px 10px;
	border-radius:4px;
}

ul.odkazy-urlSeznam a.external:hover {
	padding:5px 10px;
	border-radius:4px;
	background-color:var(--background-color-quiet--hover);
}

/* Specifikace pro lodě a vozidla */
.vehicle-spec {
	background: var(--color-surface-2);
	margin: 5px 0 5px 0;
	padding: 5px;
	border-radius: var(--border-radius-medium);
	max-width:none;
	width:-webkit-fill-available;
}

.vehicle-spec td {
	display:flex;
	align-items:center;
	padding:0;
}

.vehicle-spec-size {
	border:1px solid #616161;
	padding:0px;
	width:18px;
	height:18px;
	border-radius:4px;
	font-size:12px;
	font-weight:300;
	text-align:center;
	color: #d5603a;
	vertical-align:middle;
	line-height:1.6;
	margin-right: 5px;
}

.vehicle-spec  img {
	margin-right: 5px;
}

.vehicle-spec-name {
	margin-right:5px;
}

.vehicle-spec-quantity {
	color:#d5603a;
	min-width:25px;
}

.vehicle-spec-type {
	font-size:0.65rem;
	color:#6b6b6b;
	margin-left:10px;
}

/* Tabulka porovnání lodí ze série */

.serie-spec-td {
	padding:0;
	vertical-align:top;
	border-right:1px solid var(--border-color-base);
}

.serie-spec-td-posledni {
	padding:0;
	vertical-align:top;
}

table.serie {
	/*line-height:1.2;*/
	font-size:14px;
	margin:0;
	padding: 0;
}

table.serie tbody {
	vertical-align:top;
}

table.serie td {
	/* display: flex; */
	/*align-items: center;*/
	/*justify-content: space-between;*/
	padding:0 3px;
	width:345px;
}

.serie-zbrane-header {
	font-size:1.02em;
	padding:5px 0 5px 0;
	font-weight:200;
}

/* Specifikace pro lodě a vozidla na stránce série*/

table.komponenty-serie {
	background: none;
	margin:0;
	padding: 0;
	width:-webkit-fill-available;
}*

table.komponenty-serie tr td {
	border-bottom: 0;
	padding:0;
	display:block;
}

.komponenty-serie td {
	display:flex;
	align-items:center;
}

.komponenty-serie-size {
	border:1px solid #616161;
	padding:0;
	width:18px;
	height:18px;
	border-radius:4px;
	font-size:12px;
	font-weight:300;
	text-align:center;
	color: #d77c36;
	vertical-align:middle;
	line-height:1.6;
	margin-right: 5px;
}

.komponenty-serie  img {
	margin-right: 5px;
}

.komponenty-serie-name {
	margin-right:5px;
}

.komponenty-serie-quantity {
	color:#d77c36;
	min-width:25px;
}

.komponenty-serie-type {
	font-size:0.65rem;
	color:#6b6b6b;
	margin-left:10px;
}

/* šablona Specifikace série*/

.parametrOrange {
	color:#ff8645; /*#d77c36*/
	font-size:10px;
	display:contents;
	/*text-transform: uppercase;*/
}

.orange {
	color:#ff8645; /*#d77c36*/
}

.spec-serie-inner {
	line-height:1.6;
	width:-webkit-fill-available;
}

/*.spec-inner {
	line-height:1.6;
	font-size:14px;
	margin:0;
	padding: 15px;
	min-width:400px;
	border-radius: var(--border-radius-large);
    background: var(--background-color-dp-02);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}*/

.spec-serie-inner td {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0;
}

.spec-serie-inner .spec-serie-header {
    width: 100%;
    color: var(--color-base--emphasized);
    font-size: 1.02em;
    font-weight:200;
}

/* Šablona Pohledy na loď */


.pohledyNaLod tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.pohledyNaLod tr {
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.pohledyNaLod td {
	padding: 0;
}

.pohledyNaLod /*.image*/ img {
	max-width: 100%;
    display: block;
    background: var(--background-color-quiet--hover);
    height: auto;
}

.pohledyNaLod .pohledyNaLod-col2 {
    max-width: 50%;
}

.pohledyNaLod .pohledyNaLod-col4 {
    max-width: 25%;
}

@media only screen and (max-width: 720px) {
    .pohledyNaLod .pohledyNaLod-col2 {
        max-width: 100%;
    }
    
    .pohledyNaLod .pohledyNaLod-col4 {
        max-width: 50%;
    }
}

/* Šablona ObrSeznam2 */

.obrSeznam1-top {
	font-size:var(--font-size-small);
	display:flow-root;
	margin-bottom: 15px;
}

.obrSeznam1-top .obrSeznam1-row {
	display:inline-flex;
}

.obrSeznam1-top .obrSeznam1-img {
	padding:var(--space-xs) var(--space-sm);
}

.obrSeznam1-top .obrSeznam1-img img {
	width:127px;
	height:auto;
}

.obrSeznam1-top .obrSeznam1-text {
	padding:var(--space-xs) var(--space-sm);
}

.obrSeznam2-top {
	font-size:var(--font-size-small);
	display:flow-root;
	margin-bottom: 15px;
}

.obrSeznam2-top .obrSeznam2-row {
	display:inline-flex;
}

.obrSeznam2-top .obrSeznam2-img {
	padding:var(--space-xs) var(--space-sm);
}

.obrSeznam2-top .obrSeznam2-img img {
	width:270px;
	height:auto;
}

.obrSeznam2-top .obrSeznam2-text {
	padding:var(--space-xs) var(--space-sm);
}

.ObrSeznam2 .obrSeznam250-image {
    max-width: 50%;
}

.ObrSeznam2 .obrSeznam250-text {
    max-width: 50%;
    font-size: var(--font-size-small);
}

@media only screen and (max-width: 720px) {
	
	.obrSeznam1-top .obrSeznam1-row {
		display:grid;
		align-items:center;
		justify-items:center;
	}
	
	.obrSeznam1-top .obrSeznam1-img img {
	width:100%;
	height:auto;
	}
	
	.obrSeznam2-top .obrSeznam2-row {
		display:grid;
		align-items:center;
		justify-items:center;
	}
	
	.obrSeznam2-top .obrSeznam2-img img {
	width:100%;
	height:auto;
	}
}
	
    
/* Šablona: Obrázek max */

.obrMax {
	width: 100%;
	overflow:hidden;
}

.obrMax img {
	width:100%;
	height:auto;
	-moz-box-shadow:0 1px 3px #000;
	-webkit-box-shadow:0 1px 3px #000;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
	transition:transform 0.5s ease-in-out,filter 0.5s ease-in-out;
}

.obrMax:hover img {
	/*transform:scale(1.1);*/
}

/* Šablona: Obrázky flex wrap */

.imgListDiv {
	background:var(--color-surface-2);
	border-radius:4px;
	box-shadow:0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 20%);
	margin:2px;
}

.imgListDiv a.image {
	max-width:100%;
}

.imgListNazev {
	display:block;
	padding:6px 0 6px 8px;
	font-size:0.8em;
	font-weight:300;
}

/* Šablona: Obrázek flex */

.obrFlex img {
	max-width: 100%;
	margin-left:auto;
	margin-right:auto;
    display: block;
    background: var(--background-color-quiet--hover);
    height: auto;
    -moz-box-shadow:0 1px 3px #000;
	-webkit-box-shadow:0 1px 3px #000;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
	border-radius:var(--border-radius-medium)
}

/* Blockquote */

blockquote {
    font-family: var(--font-family-base);
    font-size: 1rem;
    font-style: italic;
}

/* YouTube šablony */

.youtube2main {
	display:flex;
}

.youtube2marginR {
	margin-right: 10px;
}

.youtube2marginL {
	margin-left: 10px;
}

@media only screen and (max-width: 720px) {
	
	.youtube2main {
		display:inline;
	}
	
	.youtube2marginR {
		margin-right: 0;
	}
	
	.youtube2marginL {
		margin-left: 0;
	}

}

/* univerzální classy */

.sirka50-100 {
	width: 50%;
}

@media only screen and (max-width: 720px) {
	
	.sirka50-100 {
	width: 100%;
	}
}

/* Tabulka s otočenou hlavičkou */

.verticalHeader {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	line-height:1;
	position:relative;
	whtie-space:nowrap;
	writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	vertical-align:bottom;
}

.tabTHvertical {
	vertical-align:bottom;
}

.tabTHhoriz {
	text-align:right;
}

/* Specifické formáty */
/* Formáty */

.darkGreyBG {
	background-color:#101010;
}

.lightGreyBG {
	background-color:#191919;
}

.veryLightGreyBG {
	background-color:#2f2f2f;
}

.textCentr {
	text-align:center;
	line-height: normal;
}

.fontSize10 {
	font-size: 10px;
}

.padding5 {
	padding: 5px;
}

.borderB2pxdarkGrey {
	border-bottom:2px solid #191919;
} 

.borderR2pxdarkGrey {
	border-right:2px solid #191919;
}

.borderB1pxBlue {
	border-bottom:solid 1px #24a3ff;
}

/* Šablona: Hlavní článek */
.linkNaHlavniClanek {
    width: -webkit-fill-available;
    border-radius: var(--border-radius-large);
    background: var(--color-surface-2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
    /* V případě, že tooltip překročí boundary */
    overflow: visible;
    padding:var(--space-sm)var(--space-md);
}

/* Refinery Stanton šablona */

table.col-1-refinery td:nth-child(1) { text-align: right; }
table.col-2-refinery td:nth-child(2) { text-align: right; color: var(--color-text-success); }
table.col-3-refinery td:nth-child(3) { text-align: right; color: var(--color-text-success); }
table.col-4-refinery td:nth-child(4) { text-align: right; color: var(--color-text-success); }
table.col-5-refinery td:nth-child(5) { text-align: right; color: var(--color-text-success); }
table.col-6-refinery td:nth-child(6) { text-align: right; color: var(--color-text-success); }
table.col-7-refinery td:nth-child(7) { text-align: right; color: var(--color-text-success); }
table.col-8-refinery td:nth-child(8) { text-align: right; color: var(--color-text-success); }
table.col-9-refinery td:nth-child(9) { text-align: right; color: var(--color-text-success); }
table.col-10-refinery td:nth-child(10) { text-align: right; color: var(--color-text-success); }
table.col-11-refinery td:nth-child(11) { text-align: right; color: var(--color-text-success); }
table.col-12-refinery td:nth-child(12) { text-align: right; color: var(--color-text-success); }

table.col-2-refineryS td:nth-child(2) { background-color:var(--color-surface-2); }
table.col-3-refineryS td:nth-child(3) { background-color:var(--color-surface-2); }
table.col-4-refineryS td:nth-child(4) { background-color:var(--color-surface-2); }
table.col-5-refineryS td:nth-child(5) { background-color:var(--color-surface-2); }
table.col-6-refineryS td:nth-child(6) { background-color:var(--color-surface-2); }
table.col-7-refineryS td:nth-child(7) { background-color:var(--color-surface-2); }
table.col-8-refineryS td:nth-child(8) { background-color:var(--color-surface-2); }
table.col-9-refineryS td:nth-child(9) { background-color:var(--color-surface-2); }
table.col-10-refineryS td:nth-child(10) { background-color:var(--color-surface-2); }
table.col-11-refineryS td:nth-child(11) { background-color:var(--color-surface-2); }
table.col-12-refineryS td:nth-child(12) { background-color:var(--color-surface-2); }

/* Refinery Stanton šablona -> header format */
table.wikitable th.refineryH { padding:7px 10px 7px 10px; }
table.wikitable th.refineryHS { padding:7px 10px 7px 10px; background-color:var(--color-surface-2); }

/* Refinery Stanton šablona -> negativní hodnota */
table.wikitable td.neg { color:var(--color-text-error); }

/* šablona Zvýraznit, */
span.zvyraznit2 {
	margin:0 0.1rem;
	padding:0.1rem 0.4rem;
	border-radius:4px;
	font-weight:500;
}

span.zvyraznit2zaklad {
	background:#ffcc33;
	color:black;
}

span.blu-cyan {
	background:#3a8d9f;
	color:white;
}

span.surface4 {
	background:var(--color-surface-4);
	color:white;
}

/* SVG */

img.blu {
	filter: invert(43%) sepia(86%) saturate(293%) hue-rotate(143deg) brightness(97%) contrast(91%);
}

img.white {
	filter: invert(93%) sepia(7%) saturate(0%) hue-rotate(69deg) brightness(106%) contrast(107%);
}


/* Hlavní strana */

#home-content {
	margin-top: var(--space-lg);
}

.home-grid {
	display: grid;
	grid: auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
	grid: minmax(3rem,auto);
	grid-gap: var(--space-xs);
}

.home-card {
	position: relative;
	padding: var(--space-md);
	background: var(--color-surface-1);
	border-radius: var(--border-radius-medium);
	font-size: var(--font-size-small);
}

.home-card.home-card--button {
	overflow: hidden;
	padding: 0;
	background: #242a31;
	border: 01
}

.home-card--button a {
	display:flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	/*padding: 0 var(--space-md);*/
	background: transparent;
	color: #fff;
	font-weight: var(--font-weight-medium);
}

.home-card--row3 {
	grid-row: span 3;
}

.home-card--col2 {
	grid-column: 2;
}

.home-card--button {
	overflow: hidden;
	padding: 0;
	background: #242a31;
	border: 0;
}

.home-card__background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #242a31;
	border-radius: 8px;
	justify-content: center;
	gap: var(--space-xxs);
	line-height: var(--line-height-xs);
	pointer-events: none;
}


/* .home-card__foreground {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: var(--space-md);
	display: flex;
	flex-direction: column;
	
} */

.home-card__badge {
	padding: var(--space-xxs)var(--space-xs);
	border-radius: var(--border-radius-small);
	background: var(--color-surface-2);
}

.home-card__badge, .home-card__label {
	color: var(--color-base--subtle);
	font-size: var(--font-size-x-small);
	letter-spacing: 0.05em;
}

.home-card__header {
	color: var(--color-base--emphasized);
	font-size: 1rem;
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-xs);
}

.home-card__foreground .home-card__badge {
	position: absolute;
	top: 0;
	right: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
}

.home-card__foreground .home-card__label {
	color: #bababa;
}

.home-link {
	display: grid;
	margin-top: var(--space-xs);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	grid-gap: var(--space-xs);
	text-align: center;
}

.home-link__button {
	display: flex;
}

.home-link__button a {
	flex-grow: 1;
	padding: var(--space-xs);
	border: 1px solid var(--border-color-base);
	background: var(--color-surface-2);
	border-radius: var(--border-radius-medium);
	color: var(--color-base--emphasized)!important;
	line-height: var(--line-height-xs);
	text-decoration: none!important;
	}

#home-gamestatus {
	padding: 0;
	display: flex;
}

.home-badge {
	display: flex;
	gap: var(--space-xxs);
	font-size: var(--font-size-x-small);
	padding: var(--space-xxs) var(--space-xs);
	background: var(--color-surface-2);
	color: var(--color-base);
	border-radius: var(--border-radius-base);
	font-weight: var(--font-weight-normal);
	letter-spacing: 0.025em;
	line-height:var(--line-height-xs);
}

.home-gamestatus-patches,
.home-gamestatus-links {
	padding: var(--space-md);
}

.home-gamestatus-patches {
	background: var(--color-surface-2);
	border-top-left-radius: var(--border-radius-medium);
	border-bottom-left-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.home-gamestatus-links {
	flex-grow: 1;
}

.home-badge.home-gamestatus-patch__type {
	background: var(--color-surface-3);
}

.home-badge.home-gamestatus-patch__type::before {
	content: '🗓';
}
.home-badge.home-gamestatus-patch__type--live {
	background: var( --background-color-success-subtle );
	color: var( --color-success );
}

.home-badge.home-gamestatus-patch__type--live::before {
	content: '🎉 ';
}

.home-badge.home-gamestatus-patch__type--eeptu {
	background: var( --background-color-warning-subtle );
	color: var( --color-warning );
}

.home-badge.home-gamestatus-patch__type--eeptu::before {
	content: '🥑 ';
}

.home-badge.home-gamestatus-patch__type--ptu::before {
	content: '🧪 ';
}

.home-badge.home-gamestatus-patch__type--ptu {
	background: var( --background-color-warning-subtle );
	color: var( --color-warning );
}

/*.home-badge.home-gamebuild-patch__type[ class*="ptu" ]::before {
	content: '🚨 ';
}*/

.home-gamestatus-patch {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    gap: var(--space-xs);
}

.home-gamestatus-patches__divider {
    height: 1px;
    background: var(--border-color-base);
}

.home-gamestatus-patch__name {
    font-size: var(--font-size-xxx-large);
    font-weight: var(--font-weight-medium);
}

.home-gamestatus-links .home-link {
	margin-top: 0;
}

#home-featured {
	overflow: hidden;
}

#home-featured .home-card__background a {
	display: block;
	height: 100%;
}

#home-featured .home-card__background:after {
	top: unset;
	height: 60%;
	background: linear-gradient( to top, #000, transparent );
}

#home-featured .home-card__foreground {
	justify-content: flex-end;
}

/* Ikonky služeb - Infobox lokalita */

.sekceIkon {
	display: ruby;
}

.ikonaSluzeb {
	background: #3a8d9f /*var(--color-surface-4)*/;
	border-radius:var(--border-radius-base);
	display:flex;
	justify-content:center;
	margin-right: 5px;
}

.ikonaSluzebRed {
	background: var(--color-surface-4);
	border-radius:var(--border-radius-base);
	display:flex;
	justify-content:center;
	margin-right: 5px;
}

.ikonaSluzebRed img {
	filter: invert(23%) sepia(51%) saturate(0%) hue-rotate(355deg) brightness(98%) contrast(78%);
}

.ikonaSluzeb:last-child {
	margin-right:0;
}

.sluzbaLokalityNeni {
	color:var(--color-surface-4);
}

.sluzbaLokalityNeni img {
	opacity:0.2;
}

#home-card-discord {
	background: #5865f2;
}


/* Šablona: Q&A */

.otazka{
	display: flex;
	width: fit-content;
    margin-top: 0.8rem;
    margin-bottom: 3em;
    border-spacing: 0;
    border-radius: var(--border-radius-large);
    background: var(--color-surface-2);
    font-size: 0.875rem;
    text-align: left;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
    /* V případě, že tooltip překročí boundary */
    overflow: visible;
}

.otazkahr {
	font-size:calc(var(--font-size-base) * 1.05);
	margin-top:0.1em;
	font-weight:400;
}

.otazka tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.otazka tr {
    margin-top: 10px;
    padding: 0 8px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.otazka th,
.otazka td {
    padding: 0 10px;
}

.otazka .otazka-col1 {
    width: 100%;
}

.otazka .datumAzdroj {
	
}

.otazka .tagy {
	text-align:right;
}

.otazka .odpoved {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-left-radius: var(--border-radius-large);
	border-bottom-right-radius: var(--border-radius-large);
	background: var(--color-surface-4);
}

/* Šablona: Kategorie */

span.kategorieTagy {
	margin:0 0.1rem;
	padding:0.1rem 0.4rem;
	border-radius:4px;
	font-weight:500;
	background: #3d6c62;
}

/* Šablona: PrevNext */
 
 .prevNext {
 	margin:var(--space-md)0;
 	padding:var(--space-xxs);
 	background-color:var(--color-surface-2);
 	border-radius:var(--border-radius-medium);
 	font-size:var(--font-size-small);
 	line-height:var(--line-height-sm);
 	display:grid;
 	grid-template-areas:"prev now next";
 	grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) minmax(max-content,1fr);
 }
 
 .prevNext__prev, .prevNext__now, .prevNext__next {
 	padding:var(--space-xs);
 }
 
  .prevNext__prev, .prevNext__next {
 	position:relative;
 	gap:var(--space-sm);
 }
 
 .prevNext__prev {
 	display:flex;
 	grid-area:prev;
 }
 
  .prevNext__now {
 	grid-area:now;
 	text-align:center;
 	justify-self:center;
 }
 
  .prevNext__next {
 	display:flex;
 	grid-area:next;
 	justify-content:flex-end;
 	text-align:end;
 }
 
.prevNext__patchStatus--released {
	color:var(--color-text-success);
}

.prevNext__patchStatus--upcoming {
	color:var(--color-warning);
}

.prevNext__datum {
	color:var(--color-base--subtle);
	font-size:var(--font-size-x-small);
}

@media only screen and (max-width: 720px) {
    .prevNext {
	grid-template-areas:
		"now now"
		"prev next";
	grid-template-columns:auto;
    }
}

/* TEST GRID */

.home-gridT {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--space-xs);
}

.grid-row-span-3 {
	grid-row: span 3;
}

@media only screen and (max-width: 720px) {
	.home-gridT {
		grid-template-columns: 1fr;
	}
}

.home-cardT {
	position: relative;
	padding: var(--space-md);
	background: var(--color-surface-1);
	border-radius: var(--border-radius-medium);
	font-size: var(--font-size-small);
}

#home-gs {
	padding: 0;
	display: flex;
}

.home-gs-patchesT {
	background: var(--color-surface-2);
	border-top-left-radius: var(--border-radius-medium);
	border-bottom-left-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.home-gs-patchesT,
.home-gs-linksT {
	padding: var(--space-md);
}

.home-gs-patchT {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    gap: var(--space-xs);
}

.home-badge.home-gs-patchT__type {
	background: var(--color-surface-3);
}

.home-badge.home-gs-patchT__type::before {
	content: '🗓';
}
.home-badge.home-gs-patchT__type--live {
	background: var( --background-color-success-subtle );
	color: var( --color-success );
}

.home-badge.home-gs-patchT__type--live::before {
	content: '🎉 ';
}

.home-badge.home-gs-patchT__type--evo {
	background: var( --background-color-warning-subtle );
	color: var( --color-warning );
}

.home-badge.home-gs-patchT__type--evo::before {
	content: '🥑 ';
}

.home-badge.home-gs-patchT__type--ptu {
	background: var( --background-color-warning-subtle );
	color: var( --color-warning );
}

.home-badge.home-gs-patchT__type--ptu::before {
	content: '🧪 ';
}

.home-gs-patchT__name {
    font-size: var(--font-size-xxx-large);
    font-weight: var(--font-weight-medium);
}

.home-gs-patch__divider {
    height: 1px;
    background: var(--border-color-base);
}

.home-gs-linksT {
	flex-grow: 1;
}

.home-linkT {
	display: grid;
	margin-top: var(--space-xs);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	grid-gap: var(--space-xs);
	text-align: center;
}

.home-linkT__button {
	display: flex;
}

.home-linkT__button a {
	flex-grow: 1;
	padding: var(--space-xs);
	border: 1px solid var(--border-color-base);
	background: var(--color-surface-2);
	border-radius: var(--border-radius-medium);
	color: var(--color-base--emphasized)!important;
	line-height: var(--line-height-xs);
	text-decoration: none!important;
	}

#home-featured {
	/**/
}

.home-cardT-tag {
	position:absolute;
	top: 0;
	right: 0;
	z-index: 1;
	margin: var(--space-xs);
	border-radius: var(--border-radius-base);
	pointer-events: none;
}

.tag-featured {
	background-color: var(--color-surface-2);
}

.home-cardT-tag-content {
	font-size:var(--font-size-x-small);
	padding:var(--space-xxs)var(--space-xs);
}

.home-featured-text {
	pointer-events: none;
	position:absolute;
	bottom:0;
	left:0;
	padding:var(--space-md);
	z-index:1;
}

.home-featured-title {
	color:#fff;
	font-size:1rem;
	font-weight:var(--font-weight-semi-bold);
	line-height:var(--line-height-xxx-small);
}

.home-featured-label {
	color:#bababa;
	font-size:var(--font-size-x-small);
	letter-spacing:0.05em;
}

.home-featured-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #242a31;
	border-radius: 8px;
	justify-content: center;
	gap: var(--space-xxs);
	line-height: var(--line-height-xs);
	/*pointer-events: none;*/
}

.home-featured-img img{
	object-fit: cover;
	height: -webkit-fill-available;
}

@media only screen and (max-width: 720px) {
	#home-featured {
		min-height: 200px;
	}
	.home-featured-img img {
		width: -webkit-fill-available;
	}
}

.home-featured-img:after {
	background:linear-gradient(to top,#000,transparent,transparent);
	position:absolute;
	inset:0;
	display:block;
	content:"";
	pointer-events:none;
}

#home-discord {
	background: #5865f2;
}

.home-cardT.home-cardT--button {
	overflow: hidden;
	padding: 0;
	background: #242a31;
	border: 01
}

.home-cardT--button a {
	display:flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	/*padding: 0 var(--space-md);*/
	background: transparent;
	color: #fff;
	font-weight: var(--font-weight-medium);
}


/*  ZPRAVODAJSTVÍ  */

#articles {
	display:grid;
	grid-gap:var(--space-sm);
	margin-top:1rem;
}

.articles-2, .articles-2a {
	grid-template-columns:repeat(2,1fr);
}

.articles-3 {
	grid-template-columns:repeat(3,1fr);
}

.articles-4 {
	grid-template-columns:repeat(4,1fr);
}

.colRowSpan-1-1 {
	grid-column:span 1;
	grid-row:span 1;
}

.colRowSpan-1-2 {
	grid-column:span 1;
	grid-row:span 2;
}

.colRowSpan-1-3 {
	grid-column:span 1;
	grid-row:span 3;
}

.colRowSpan-2-1 {
	grid-column:span 2;
	grid-row:span 1;
}

.colRowSpan-2-2 {
	grid-column:span 2;
	grid-row:span 2;
}

.colRowSpan-3-1 {
	grid-column:span 3;
	grid-row:span 1;
}

.colRowSpan-3-2 {
	grid-column:span 3;
	grid-row:span 2;
}

@media only screen and (max-width: 720px) {
	.articles-2 {
		grid-template-columns:1fr;
	}
	
	.articles-4 {
		grid-template-columns:1fr;
	}
	
	.colRowSpan-1-2, .colRowSpan-1-3, .colRowSpan-2-1, .colRowSpan-2-2, .colRowSpan-3-1, .colRowSpan-3-2 {
		grid-column:span 1;
		grid-row:span 1;
	}
}

@media only screen and (max-width: 1200px) {
	.articles-2a {
		grid-template-columns:1fr;
	}
}

/*@media only screen and (max-width: 1000px) {
	.articles-4 {
		grid-template-columns:repeat(2,1fr);
	}
}*/

.article {
	padding:var(--space-md);
	border-radius:var(--border-radius-medium);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
	position:relative;
	color:#f3f3f3;
	background: #203345;
}

.article-plain {
	/*padding:var(--space-md);*/
	/*border-radius:var(--border-radius-medium);*/
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);*/
	position:relative;
	/*color:#f3f3f3;*/
	/*background: #203345;*/
}

.tag {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	margin:var(--space-xs);
	border-radius:var(--border-radius-base);
	pointer-event:none;
	padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
}

.article-tag {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	margin:var(--space-xs);
	border-radius:var(--border-radius-base);
	pointer-event:none;
	padding:calc(0.25 * var(--space-unit)) calc(0.4 * var(--space-unit));
	font-size:0.45em;
}

.tag-bg-astory {
	background-color:#6f1e3d;
}

.tag-bg-bstory {
	background-color:#1e6f62;
}

.tag-bg-komunita {
	background-color:#1e59a3;
}

.article.article-astory {
	background:linear-gradient(to right, #6f1e3d 0% 6px, #1a2230 6px 100%);
}

.article.article-bstory {
	background:linear-gradient(to right, #1e6f62 0% 6px, #1e293d 6px 100%);
}

.article.article-komunita {
	background:linear-gradient(to right, #1e59a3 0% 6px, #161b23 6px 100%);
}

.article-zdroj {
	display:flex;gap:1rem;
	line-height:1.4;
	margin-bottom:0.7em;
}

#article-zdroj-text p {
	padding:0;
	margin:0;
	font-weight:100;
}

.article-zdroj-nazev {
	font-size:0.8125rem;
}

.article-zdroj-popisek {
	font-size:0.65rem;
	color:#acacac;
}

.article-titulek {
	font-weight:600;
	font-size:1.2em;
}

.article-subtitulek {
	font-weight:100;
	font-style:italic;
	font-size:0.85em;
}

.article-text {
	font-size:0.7em;
	margin-top:0.5em;
	font-weight:300;
	color:#acacac;
}

/** STICKYTABLE - PRVNÍ SLOUPEC ZAFREEZOVANÝ **/

.stickytable tr>th:first-child, .stickytable tr>td:first-child {
	position: sticky;
	left: 0;
	background:var(--color-surface-2);
	z-index:2;
}

td.inlineflex {
	display:inline-flex;
}

.hodnotaUp {
	color: var(--color-success);
	font-size:0.6em;
}

.hodnotaUp img {
	filter: invert(48%) sepia(68%) saturate(1102%) hue-rotate(133deg) brightness(90%) contrast(101%);
}

.hodnotaDown {
	color: var(--color-destructive);
	font-size:0.6em;
}

.hodnotaDown img {
	filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(7492%) hue-rotate(334deg) brightness(98%) contrast(112%);
}

.povidka {
	display:grid;
	justify-content: center;
}

.povidka-text {
	text-align: justify;
	text-indent: 30px;
	width:720px;
}

@media only screen and (max-width: 720px) {
	.povidka {
		display:inline;
	}
	
	.povidka-text {
		width:100%;
	}
}

.povidka-text p {
	margin:0;
}


/** sběratelské kartičky **/

#skarty {
	display:grid;
	grid-template-columns:max-content auto;
	grid-template-rows: auto 1fr;
	height: 100%;
	color:#f1f4fd;
	margin-top: 20px;
}

@media only screen and (max-width: 720px) {
	#skarty {
		grid-template-columns:auto;
	}
	
	.skartyObrazek {
		grid-row:1;
		justify-self:center;
	}
}

.skartyObrazek {
	grid-row:span 3;
}

.skartyNazev {
	margin-bottom:5px;
}

.skartyNazev h4 {
	margin-top:0;
	font-size:1.2em;
}

.skartyPopis {
	font-size:0.9em;
}

.skartyMajitele {
	font-size:0.8em;
	color:#c8ccd1;
	padding-bottom:10px;
}

/* SDÍLENÉ TŘÍDY*/

.floatright {
	float:right;
	clear:right;
	margin-left: var(--space-lg);
}

.shadow {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 720px) {
	.floatright {
		margin:0;
	}
}

.fontBarva--komunita {
	color:var(--barva-komunita) !important;
}

.fontBarva--obchod {
	color:var(--barva-obchod) !important;
}

.barvy--dark--komunita {
	color:var(--barva-komunita-dark) !important;
	background-color:var(--barva-komunita) !important;
}

.barvy--dark--obchod {
	color:var(--barva-obchod-dark) !important;
	background-color:var(--barva-obchod) !important;
}

.fontBarva--0 {
	color:var(--barva-0) !important;
}

.barvy--dark--0 {
	color:var(--barva-0-dark) !important;
	background-color:var(--barva-0) !important;
}

.fontBarva--15 {
	color:var(--barva-15) !important;
}

.barvy--dark--15 {
	color:var(--barva-15-dark) !important;
	background-color:var(--barva-15) !important;
}

.fontBarva--30 {
	color:var(--barva-30) !important;
}

.barvy--dark--30 {
	color:var(--barva-30-dark) !important;
	background-color:var(--barva-30) !important;
}

.fontBarva--45 {
	color:var(--barva-45) !important;
}

.barvy--dark--45 {
	color:var(--barva-45-dark) !important;
	background-color:var(--barva-45) !important;
}

.fontBarva--60 {
	color:var(--barva-60) !important;
}

.barvy--dark--60 {
	color:var(--barva-60-dark) !important;
	background-color:var(--barva-60) !important;
}

.fontBarva--75 {
	color:var(--barva-75) !important;
}

.barvy--dark--75 {
	color:var(--barva-75-dark) !important;
	background-color:var(--barva-75) !important;
}

.fontBarva--90 {
	color:var(--barva-90) !important;
}

.barvy--dark--90 {
	color:var(--barva-90-dark) !important;
	background-color:var(--barva-90) !important;
}

.fontBarva--105 {
	color:var(--barva-105) !important;
}

.barvy--dark--105 {
	color:var(--barva-105-dark) !important;
	background-color:var(--barva-105) !important;
}

.fontBarva--120 {
	color:var(--barva-120) !important;
}

.barvy--dark--120 {
	color:var(--barva-120-dark) !important;
	background-color:var(--barva-120) !important;
}

.fontBarva--135 {
	color:var(--barva-135) !important;
}

.barvy--dark--135 {
	color:var(--barva-135-dark) !important;
	background-color:var(--barva-135) !important;
}

.fontBarva--150 {
	color:var(--barva-150) !important;
}

.barvy--dark--150 {
	color:var(--barva-150-dark) !important;
	background-color:var(--barva-150) !important;
}

.fontBarva--165 {
	color:var(--barva-165) !important;
}

.barvy--dark--165 {
	color:var(--barva-165-dark) !important;
	background-color:var(--barva-165) !important;
}

.fontBarva--180 {
	color:var(--barva-180) !important;
}

.barvy--dark--180 {
	color:var(--barva-180-dark) !important;
	background-color:var(--barva-180) !important;
}

.fontBarva--195 {
	color:var(--barva-195) !important;
}

.barvy--dark--195 {
	color:var(--barva-195-dark) !important;
	background-color:var(--barva-195) !important;
}

.fontBarva--210 {
	color:var(--barva-210) !important;
}

.barvy--dark--210 {
	color:var(--barva-210-dark) !important;
	background-color:var(--barva-210) !important;
}

.fontBarva--225 {
	color:var(--barva-225) !important;
}

.barvy--dark--225 {
	color:var(--barva-225-dark) !important;
	background-color:var(--barva-225) !important;
}

.fontBarva--240 {
	color:var(--barva-240) !important;
}

.barvy--dark--240 {
	color:var(--barva-240-dark) !important;
	background-color:var(--barva-240) !important;
}

.fontBarva--255 {
	color:var(--barva-255) !important;
}

.barvy--dark--255 {
	color:var(--barva-255-dark) !important;
	background-color:var(--barva-255) !important;
}

.fontBarva--270 {
	color:var(--barva-270) !important;
}

.barvy--dark--270 {
	color:var(--barva-270-dark) !important;
	background-color:var(--barva-270) !important;
}

.fontBarva--285 {
	color:var(--barva-285) !important;
}

.barvy--dark--285 {
	color:var(--barva-285-dark) !important;
	background-color:var(--barva-285) !important;
}

.fontBarva--300 {
	color:var(--barva-300) !important;
}

.barvy--dark--300 {
	color:var(--barva-300-dark) !important;
	background-color:var(--barva-300) !important;
}

.fontBarva--315 {
	color:var(--barva-315) !important;
}

.barvy--dark--315 {
	color:var(--barva-315-dark) !important;
	background-color:var(--barva-315) !important;
}

.fontBarva--330 {
	color:var(--barva-330) !important;
}

.barvy--dark--330 {
	color:var(--barva-330-dark) !important;
	background-color:var(--barva-330) !important;
}

.fontBarva--345 {
	color:var(--barva-345) !important;
}

.barvy--dark--345 {
	color:var(--barva-345-dark) !important;
	background-color:var(--barva-345) !important;
}

/* NOVÝ INFOBOX */

.infobo {
	margin-bottom:var(--space-md);
	width:100%;
	max-width:400px;
	/*border:1px solid var(--border-color-base);*/
	border-radius:var(--border-radius-medium);
	background-color:transparent;
	font-size:var(--font-size-small);
	line-height:var(--line-height-xx-small);
	box-sizing:content-box;
}

.infobo[open] {
	background-color:var(--color-surface-1);
}

.infobo__snippet .infobo__desc {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: var(--font-size-small);
}

.infobo__obsah {
	position:relative;
}

.infobo__header, .infobo__snippet, .infobo__sekceHlavicka, .infobo__sekceObsah {
	padding-left:var(--space-md);
	padding-right:var(--space-md);
}

.infobo__header, .infobo__sekceHlavicka {
	line-height:var(--line-height-xxx-small);
}

.infobo__titulek, .infobo__sekceNazev {
    color: var(--color-emphasized);
    font-weight: var(--font-weight-medium);
}

.infobo__popisek, .infobox__sekce, .infobo__sekceHlavicka, .infobo__sekceObsah {
	margin-top:var(--space-md);
}

.infobo__podtitulekDesc, .infobo__popisek, .infobo__infoNazev, .infobo__desc {
	color:var(--color-subtle);
	font-size:var(--font-size-x-small);
}

.infobo__snippet {
	position:relative;
	z-index:1;
	padding-top:var(--space-sm);
	padding-bottom:var(--space-sm);
	display:flex;
	gap:var(--space-xs);
	align-items:center;
	white-space:nowrap;
	cursor:pointer;
	user-select:none;
}

.infobo__snippet .mw-ui-icon-wikimedia-collapse {
    --transform-rotate-collapse: rotate3d(1, 0, 0, 180deg);
    --size-icon: var(--font-size-small);
    width: var(--font-size-small);
    height: var(--font-size-small);
    flex-shrink: 0;
    transition: var(--transition-hover);
    transition-property: transform;
    transform: var(--transform-rotate-collapse);
}

.mw-collapsible-toggle, .mw-collapsible-toggle-default summary {
	display:none;
}

.citizen-ui-icon::before {
	display:block;
	width:100%;
	height:100%;
	content: '';
}

@supports (content-visibility:auto) {
    .citizen-ui-icon {
    	content-visibility:auto;
    }
}

@supports (-webkit-mask-image:none) or (mask-image:none) {
	.citizen-ui-icon::before {
		background-color:currentcolor;
		background-image:none !important;
		-webkit-mask-repeat:no-repeat;
		mask-repeat:no-repeat;
		-webkit-mask-position:center;
		mask-position:center;
		-webkit-mask-size:contain;
		mask-size:contain;
	}
}

.mw-ui-icon-wikimedia-collapse:before {
	-webkit-mask-image:url(https://wiki.star-citizen.cz/images/2/2d/Collapse.svg);
	mask-image:url(https://wiki.star-citizen.cz/images/2/2d/Collapse.svg);
}

.infobo__image img {
	max-width:100%;
	height:auto;
}

.infobo__tags {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    padding: var(--space-xs);
    gap: var(--space-xxs);
    transition-property: opacity,transform;
    color: var(--color-base);
}

.infobo__tag {
    padding: var(--space-xxs)var(--space-xs);
    background: var(--color-surface-2);
    border-radius: var(--border-radius-base);
    line-height: var(--line-height-xxx-small);
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-weight-medium);
}

.infobo__line {
	height:6px;
	width:max;
}

.infobo__header {
	margin-top:var(--space-md);
	margin-bottom:var(--space-lg);
	display:flex;
	gap:var(--space-sm)
}

.infobo__titulek {
	font-size: var(--font-size-x-large);
}

.infobo__popisek {
	font-style: italic;
}

.infobo__sekce {
	margin-top:var(--space-xl);
}

div.infobo__sekce:last-of-type {
	margin-bottom:var(--space-lg);
}

.infobo__sekceNazev {
	font-size:var(--font-size-medium);
	display:flex;
	align-items:center;
	gap:var(--space-md);
}

.infobo__sekceNazev::after {
	content:"";
	height:1px;
	flex-grow:1;
	background:var(--border-color-base);
}

.infobo__gridCols2 {
	grid-column:2;
}

.mw-parser-output .infobox__grid--cols-2 {
    --infobox-grid-cols: 2;
}

.infobo__sekceObsah {
	display:grid;
	gap:var(--space-sm);
	grid-template-columns:repeat(var(--infobox-grid-cols),minmax(0,1fr))
}

.infobo__info {
	display:grid;
	gap:2px var(--space-xs);
	grid-auto-rows:max-content;
}

.infobo__infoNazev {
	font-weight:var(--font-weight-medium);
}

.infobo__infoData {
	font-weight:var(--font-weight-medium);
}

.infobox__section+.infobox__section {
    margin-top: var(--space-xl);
}

.infobo__footer {
	margin-top:var(--space-lg);
	border-top:1px solid var(--border-color-base);
	background-color:var(--color-surface-1);
	border-bottom-left-radius:var(--border-radius-medium);
	border-bottom-right-radius:var(--border-radius-medium);
}

.infobo__button {
    position: relative;
    border-bottom-left-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);
    padding: var(--space-sm)var(--space-md);
    background-color: var(--color-progressive);
    cursor: pointer;
}

.infobo__sekce--linkyButtons .infobo__infoData {
    margin-top: var(--space-xxs);
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.infobo__sekce--linkyButtons > .infobo__sekceObsah {
    margin-bottom: var(--space-md);
}

.infobo__button:hover {
    background-color: var(--color-progressive--hover);
}

.infobo__buttonLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-xs);
    color: #fff;
    font-weight: var(--font-weight-medium);
}

.infobo__buttonKarta {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--color-surface-1);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-drop-xx-large);
    opacity: 0;
    transition: var(--transition-menu);
    transition-property: opacity,transform;
    visibility: hidden;
    transform: translateY(-20px);
}

.infobo__button:hover > .infobo__buttonKarta {
	z-index:10;
	opacity:1;
	visibility:visible;
	transform:none;
	cursor:auto;
}

.infobo__linkButton a {
	padding: var(--space-xxs)var(--space-xs);
    display: block;
    border-radius: var(--border-radius-base);
    text-decoration: none!important;
}

.infobo__linkButton a:hover {
    background-color: var(--background-color-button-quiet--hover);
}

.infobo__linkButton > a.external {
	padding-right:8px;
}

.infobo__linkButton > a.external:after, .infobo__socka > a.external:after {
	content:none !important;
}

.infobo__socky {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-xl);
}

.infobo__socka {
	font-size:1.5em;
}

/* Šablona na překlady z fóra CIG */

.forumCIG {
	background:var(--color-surface-3);
	padding:20px;
	display:flex;
	border-radius:4px;
}

.forumCIG .gutter {
	position:relative;
	margin-right:20px;
	width:57px;
}

.gutter .member {
	position:relative;
	display:inline-block;
	cursor:pointer;
}

.member .avatar {
	width:57px;
	height:57px;
	border-width:1px;
	border-color:rgb(222,195,66);
	border-radius:4px 0px 0px 0px;
	display:flex;
}

.member .avatar img {
	width:100%;
	height:100%;
	border-top-left-radius:4px;
	
}

.member .member-badge {
	position:relative;
	top:-1px;display:
	flex;height:28px;
	width:100%;
}

.member-badge .badge {
	flex-grow:1;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid rgb(222, 195, 66);
	border-radius:0 0 4px 4px;
}

.member-badge .badge img {
	width:24px;
	height:100%;
}

.gutter .label {
	background-color:rgb(222,195,66);
	color:rgb(7,21,30);
	position:absolute;
	top:0px;
	left:57px;
	display:flex;
	align-items:center;
	text-transform:uppercase;
	font-size:0.74rem;
	font-weight:700;
	line-height:0.8rem;
	padding:2px 10px 1px 20px;
	border-radius:0px 4px 4px 0px;
	white-space:nowrap;
}

.forumCIG .content {
	position:relative;
	min-width:0px;
	flex:1 1 0%;
}

.forumCIG .content-header {
	display:flex;
	padding-right:10px;
}

.content-header .left {
	margin-top:25px;
	min-width:0px;
	flex:1 1 0%
}

.member-info .member-name {
	font-size:1.15rem;
	color:#85c5f9;
	margin-right:8px;
}

.member-info .member-name2 {
	font-size:0.8125rem;
	font-weight:500;
	color:#5ea9d8;
}

.content-header .right {
	display:flex;
	flex-direction:column;
	padding-top:5px;
	align-items:flex-end;
}

.right .time-create {
	color:rgb(146, 160, 172);
	margin-bottom:5px;
	font-size:0.75rem;
}

.forumCIG .content .block-text {
	color:rgb(191, 167, 57);
}


/* BADGE */

.tmpl-badge {
	padding:var(--space-xxs)var(--space-xs);
	border-radius:var(--border-radius-base);
	font-size:var(--font-size-small);
	font-weight:var(--font-weight-medium);
	line-height:1;
	letter-spacing:0.025em;
}


/* TEST vizuál - např. "Léčení" */

.g-grid {
	background-size:contain;
}

.g-grid .l-container {
	display:grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 1fr auto;
	grid-template-areas:
		"element element element"
		". load-more .";
}

.g-grid__wrapper {
	display:grid;
	gap:0.25rem;
	grid-template-columns:1fr;
	padding:0px;
	grid-auto-flow:column;
	grid-auto-columns:minmax(0px, 1fr);
	grid-area:element;
	/* grid-auto-rows: minmax(100px, auto); */
}

@media only screen and (max-width: 720px) {
	.g-grid__wrapper {
		grid-auto-flow:unset;
	}
}

.g-card {
	display:flex;
	flex-direction:column;
	align-items:center;
	overflow:hidden;
	padding:0px;
	background:var(--color-surface-3);
	position:relative;
}

@media only screen and (max-width: 720px) {
	.g-card {
		height:300px;
	}
}

.g-card__cover {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	display:block
}

.g-card__cover img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.g-card:hover .g-card__cover img {
	transform:scale(1.1);
}

#g-card_content .title {
	font-weight:100;
	margin:0.5em;
}


/*  RSI překlady stránek */
/* prvek musí mít w-grid; w-grid-cXXX a w-grid-rX */
.w-grid {
	display:grid;
	gap:var(--space-xs);
	font-size: var(--font-size-small);
}

.w-grid-c320 {
	grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
}

.w-grid-r5 {
	grid-auto-rows: 5rem;
}

/* pro zafitování obrázku */
.w-objectFitCenter img {
	object-fit:cover;
	object-position:center;
	width:100%;
	height:100%;
}

/* pozadí */

.w-bg2 {
	background:var(--color-surface-2);
}

/* border radius */
.w-radiusM {
	border-radius:var(--border-radius-medium);
}

/* font wight */
.w-fontW1 {
	font-weight:100;
}

/* padding */
.w-padXS {
	padding:var(--space-xs);
}

/* border */
.w-borderB {
	border-bottom:1px solid var(--color-base);
}