/* 
    Document   : main
    Created on : Aug 22, 2009, 5:51:04 PM
    Author     : hydra
    Description:
*/




/***
 * Dva podporovane viewpointy:

Puvodni design: viewport sirky 940x a vic
Mensi (mobil), jeho minimum je 375px
 */


/***
 * VIZUALNI IDENTITA 2026 - viz doc/vizualni-identita-2026/manual.md
 *
 * Teze: AHL je led, souteze jsou dresy. Rozhrani je neutralni (cernobile),
 * barvu na stranku prinaseji loga soutezi a tymu. Cerna nese data a text,
 * modra (akcent) akce a aktivni stavy, cervena (lampa) jen stav "zive" a gol,
 * chyby a prohry. Loga partneru vzdy na bile desce.
 */
:root {
	--puk: #121417;        /* text, logo, primarni tlacitko */
	--grafit: #3A4148;     /* sekundarni text, ikony */
	--mlha: #626A72;       /* popisky, metadata */
	--okraj: #B8C0C6;      /* okraje formularovych prvku */
	--mantinel: #DCE1E4;   /* linky, ramecky, oddelovace */
	--led: #F3F5F6;        /* pozadi stranky */
	--led-hover: #E9F1F6;  /* hover radku a dlazdic (= led) */
	--deska: #FFFFFF;      /* karty, dlazdice */
	--logo-plate: #FFFFFF; /* podklad log partneru */
	/* AHL nema vlastni barvu ("led a puk"): ovladani je cerne, zvyrazneni ledove.
	 * Barvu na web prinasi jen soutez (--soutez-akcent), loga a lampa (zive). */
	--akce: var(--puk);           /* tlacitka, aktivni zalozky a menu, hover */
	--akce-hover: var(--grafit);  /* hover plneho tlacitka */
	--led-modry: #E9F1F6;         /* led z barevneho loga - hover a podbarveni zvyraznenych radku */
	--lampa: #D62431;      /* jen zive a gol */

	/* Archivo je promenne pismo (sirka 62-125 %, vaha 100-900). Nadpisy siroke jako logo:
	 * font-stretch: 112 %; skore jeste sirsi (125 %); menu a popisky v normalni sirce. */
	--f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--f-text: "Barlow", "Helvetica Neue", Arial, sans-serif;
	--f-cond: "Archivo", "Helvetica Neue", Arial, sans-serif;
}

body, div, form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0;
}


body, table, tr, td, th, input, textarea, select, option, caption, button {
    font-family: var(--f-text);
    font-size: 14px;
}

body {
	/* led: neutralni, lehce studena plocha misto fotky ledu */
	background-color: var(--led);

	width: 100%;
	/*height: 1200px;*/ /* maximalni vyska celeho zobrazeni */
	z-index: 1;

    color: var(--puk);
}

#background_box {
	width: 100%;
	height: 100%;
	position: relative;
}


h2 {
    font-weight: bold;
    font-size: 24px;
}

/* historicky jsoiu v administraci nadpisy H2 jako hlavni */
h2.admin_nadpis {
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	font-weight: normal;	
}

h3.local_nadpis, h3.local_nadpis a, h3.local_nadpis a:hover{
	color: #000000;
	font-weight: normal;
	font-size: 16px;

	text-decoration: none;
	text-align: left;
	
	padding: 4px 0; /* vertikal jako td */
	vertical-align: top;
}

h3.local_nadpis a:hover {
	text-decoration: underline;
}

.zvyrazneny_heading {
    color: var(--puk);
    font-size: 20px;
    font-weight: normal;

    margin: 0 0 5px 0;
}

p {
    margin: 0px;
}

.text_para, 
p.noauth_text { /* deprecated, z v2 */ 
	margin-bottom: 10px; /* deprecated, z v2 */ 
	
	line-height: 20px; 
}
	
ul {
	list-style-position:inside;
}

/* tlacitka */
input[type="submit"], .submit, button, input[type="button"], .button  {
	border: none;
	border-radius: 4px;
    padding: 6px 10px;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.button.big, button.big {
	padding: 10px 25px;
}


/* pomocne tlacitko */
/* obrysove tlacitko - interaktivita bez barvy */
button, input[type="button"], .button  {
    background-color: var(--deska);
    color: var(--puk);
    box-shadow: inset 0 0 0 1px var(--okraj);
}
button:hover, input[type="button"]:hover, .button:hover  {
    background-color: var(--led-modry);
    color: var(--puk);
    box-shadow: inset 0 0 0 1px var(--puk);
}

/* submit tlacitko */
/* plne tlacitko - hlavni akce */
input[type="submit"], .submit {
    background-color: var(--akce);
    color: #FFFFFF;
    box-shadow: none;
}
input[type="submit"]:hover, .submit:hover {
    background-color: var(--akce-hover);
    color: #FFFFFF;
}

.button-pozitivni {
	color: white;
	background-color: green;
}
.button-nepovinna {
	color: white;
	background-color: grey;
}
.button-nepovinna:hover {
	color: white;
	background-color: green;
}
.button-negativni {
	color: #ffffff;
	background-color: #D73737;
    border: 1px solid #D84444;
}

input[type="submit"]:disabled , .submit:disabled , button:disabled , input[type="button"]:disabled , .button:disabled {
	color: grey; 
	/* neaktinvi styl */
}

input[type="submit"].button-loading, .submit.button-loading, button.button-loading, input[type="button"].button-loading, .button.button-loading  {
	color: white;
	background-color: green;
	/*TODO nahravaci animace do pozadi */	
}

a.button {
	display: inline-block;
	box-sizing: border-box;
}

/* Call to action tlacitko */
input[type="submit"].call_to_action, input[type="button"].call_to_action, .button.call_to_action {
    color: #ffffff;
   	background-color: var(--akce);
    box-shadow: none;
    font-weight: normal;
    padding: 4px 14px;
    border: none;
    font-size: 18px;
    border-radius: 3px 3px 3px 3px;
    /* border: solid 1px var(--puk); */

}

input[type="text"].search_input {
    background-image: url('img/background-search-input.png');
    background-repeat: repeat-x;
    background-color: #cbcbcb;
    padding: 2px;
    border: 0;
}

input[type="text"].gradient_input, input[type="password"].gradient_input {
    background-image: url('img/background-gradient-input.png');
    background-repeat: repeat-x;
    background-color: #d9d9d9;
}

input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"],  select, textarea {
	border: solid 1px var(--okraj);
}

/* viditelny fokus - silny cerny ramecek */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .button:focus-visible {
	outline: 2px solid var(--puk);
	outline-offset: 2px;
}   
/*
 * Label zastrceny do textoveho formulare ma stejnou barvu jak text ve formulari
 */
label.infield {
	color: gray;
	padding-top: 1px;
	padding-left: 3px;

}

.infield_image {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.infield_image.large {
	margin-left: 10px;
	margin-right: 10px;
}

.delsi input[type=text], .delsi input[type=password], .delsi select, input.delsi {
	width: 200px;
}

#content_box{
	margin: 0px auto;
    position: relative;
    width: 1250px;
    z-index: 1;
}

#main_box {
	width: 100%;
    /* width: 1005px;
    margin: 0px auto;*/
    margin-bottom: 100px;
    position: relative;
    z-index: 2;
}

#adsense_box {
    position: absolute;
    top: 113px;
    right: -250px;
    width: 180px;
    z-index: 3;
}

#alert_box {
	position: absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height: 30px; 
	z-index:9999;
}
	
/* adsense box posunuty po vysyunuti menu */
.moved {
    padding-top: 350px;
}

/** sirka zobrazovaneho obsahu **/ 
.content_rastr {
	min-width: 375px;
	max-width: 940px;
}

.central_rastr_inner_box {
	min-width: 375px;
	max-width: 940px;
	margin: 0 auto;
}

@media (max-width: 940px) {
	.show_if_small {
		display: initial;
	}
	td.show_if_small, th.show_if_small  {
		display: table-cell;
	}	
	.show_if_large {
		display: none;
	}	
}

@media (min-width: 940px) {
	.show_if_small {
		display: none;
	}	
	.show_if_large {
		display: initial;
	}	
	/* initial u <td /> a <th /> nastavi initial na "inline" namisto browserem nastaveneho "table-cell" */
	td.show_if_large, th.show_if_large  {
		display: table-cell;
	}	
}


/* kontejnery hlavni kontejnery obsahu */
#menu_box, #drobeckove_menu_box, #portlet_box, #footer_box {
    position: relative;
    width: 100%;
    z-index: 20;
}

/* hlavni zobrazovaci box zuzeny na 960 - obvykly rastr */
#drobeckove_menu_box, #portlet_box, #footer_box {
	min-width: 375px;
	max-width: 940px; /* = content rastr */
	margin: 0px auto;
} 

#header_box {
	width: 100%; /* fixne pozicovane elementy dedi sirku od viewportu, ne od nadrazeneho elementu, jquery hack v layoutu*/
	position: fixed;
    top: 0;
    z-index: 1000;
    
    background-color: var(--deska);
    color: var(--puk);
    border-bottom: 1px solid var(--mantinel);
}

#header_box_inner_box {
	margin: 10px auto;
	vertical-align: middle;
}

#logo_ahl_box, #souteze_list_box, #search_box  {
    z-index: 30;
    position: absolute;
}

#logo_ahl_box {
    top: 18px;
    left: 18px;
    width: 262px;
    height: 73px;
}

#souteze_list_box {
    top: 18px;
    right: 0;
    width: 440px;
    height: 50px;
    background-image: url('img/background-souteze-list-box.png');
}

#search_box {
    top: 75px;
    height: 22px;
}
#search_box {
    right: 200px;
    width: 240px;
}

#account_confirmation_box {
	min-height: 240px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}

#account_confirmation_box .welcome_box {
	font-size: 24px;
	text-align: center;
	padding-top: 90px;
	padding-bottom: 20px;
}

/* bezne tlacitko */
#account_confirmation_box input {
	font-size: 16px;
    font-weight: bold;
    min-height: 35px; 
}

/* text pro zadani emailu */
#account_confirmation_box input[type="text"] {
    border-color: #b3b3b5;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    min-height: 35px;
    min-width: 300px;
    
    width: 300px; 
    border-bottom-left-radius: 3px; 
    border-top-left-radius: 3px;
}

/* button - bezne tlacitko */
#account_confirmation_box input[type="button"]{
    -moz-box-sizing: content-box;
    color: white;
    background-color: green;
    border: 1px solid green;
    
    padding: 0 10px;
    
    border-radius: 3px;
}

/*submit - odeslani dat */
#account_confirmation_box input[type="submit"]{
    box-sizing: content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing: content-box; /* Safari */
	background-color: var(--puk);
    border: 1px solid var(--puk);
    font-size: 16px;
    font-weight: bold;
    min-height: 35px;
    padding: 0 10px;
    
    border-bottom-right-radius: 3px; 
    border-top-right-radius: 3px;
}

// spousteci tlacitko
.do_confirm_account_launcher {

}

/* deakcentovane zruseni wizardu - navrat do sbaleneho zobrazeni */
#account_confirmation_box .cancel_upgrade_box {
	clear: both;
	text-align: center;
	padding-top: 14px;
}

#account_confirmation_box .cancel_upgrade_box a.cancel_upgrade_wizard {
	color: var(--mlha);
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-decoration: underline;
}

#account_confirmation_box .cancel_upgrade_box a.cancel_upgrade_wizard:hover {
	color: var(--puk);
}

/* vysvetlujici text stavu 2 (cekani na overeni emailu) */
#account_confirmation_box .state_2_container p {
	font-size: 15px;
	line-height: 22px;
	color: var(--puk);
}

/* znovu-odeslani overovaciho emailu - akcni odkaz na tmave liste */
#account_confirmation_box a.resend_confirmation_email {
	color: var(--puk);
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
}

#account_confirmation_box a.resend_confirmation_email:hover {
	color: var(--grafit);
}


#login_box {
  color: var(--puk);
  font-size: 16px;
  font-weight: bold;
  height: 37px;
  
  /* stejne jak portlet inner boxy */
  padding-left:20px;
  padding-right:20px;
}

#login_box > div {
	min-height: 37px;
	line-height: 37px;
}

#login_box > div.viktor_cistic {
	min-height: 0px;
}

#login_box div > * {
	vertical-align: middle;
}


#login_box .login_form_box input[type="text"], #login_box .login_form_box input[type="password"] {
	min-height: 35px;
	min-width: 150px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	
	padding-left: 5px;
}

#login_box .login_form_box input[type="submit"], #login_box .login_form_box input[type="button"] {
	min-height: 35px;
	min-width: 50px;
	
	border: solid 1px var(--puk);
	border-style: solid;
	border-width: 1px;
	
	box-sizing: content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing: content-box; /* Safari */

	padding: 0;
	
	font-size: 16px;
	font-weight: bold;
}

#login_box .emphasiszed_1, #login_box .emphasiszed_2, #login_box .search_form input {
    color: var(--puk);
    text-decoration: none;
    line-height: 24px;
}

#login_box .emphasiszed_1 {
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px;
}
#login_box .emphasiszed_1:hover {
    text-decoration: underline;
}

#login_box .emphasiszed_2 {
    font-size: 14px;
    font-weight: 600;

    display: inline-block;
    background-color: var(--deska);
    box-shadow: inset 0 0 0 1px var(--mantinel);
    padding: 3px 12px;
    border-radius: 4px;
}

#login_box .emphasiszed_2:hover {
    background-color: var(--led-hover);
}

/* logo AHL.cz v hlavicce - odkaz na uvod */
#login_box .ahl_header_logo {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin-right: 14px;
}

#login_box .ahl_header_logo img {
	display: block;
	height: 30px;
	width: auto;
}

@media (max-width: 940px) {
	#login_box .ahl_header_logo {
		margin-right: 6px;
	}
	#login_box .ahl_header_logo img {
		height: 22px;
	}
}

@media (max-width: 940px) {
	#login_box .emphasiszed_2.show_if_large {
		display: none;
	}
	#login_box {
		padding-left: 12px;
		padding-right: 12px;
	}
	#login_box .emphasiszed_2 {
		padding: 3px 7px;
	}
	#login_box .right {
		margin-left: 6px !important; /* prebiji inline margin ze sablony prepinace jazyka */
	}
}

/* hledaci okynko */
#login_box .search_form input {
	
	display: inline-block; 
	height: 24px;
	box-sizing: content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing: content-box; /* Safari */
}

#login_box .search_form input[type="text"] {
	color: #000000;
	border-radius: 3px 0 0 3px; 
	border-style: solid; 
	border-color: #ffffff;
	/* border s heightem = vyska+padding u tlacitka = velikost okolnich linku rizenych line heightem */
	border-width: 1px 0 1px 1px; 
	height: 28px; 
	width: 250px;
	/* margin-top: 5px; navic kvuli borderu a box modelu */
}

@media (max-width: 940px) {
	#login_box .search_form input[type="text"] {
		width: 150px;
		/* margin-top: 5px; navic kvuli borderu a box modelu */
	}
}

#login_box .search_form input[type="submit"] {
	border-radius: 0 3px 3px 0;
	/* border s heightem = vyska+padding u tlacitka = velikost okolnich linku rizenych line heightem */ 
	padding: 3px 10px; 
	height: 24px; 
}

#login_box .go_home_box {
	margin-right: 20px;
}

/* pilulka s lupou - odkaz na úvodní stránku (hledání) */
#login_box .go_home_pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

#login_box .go_home_pill img {
	display: block;
	width: 16px;
	height: 16px;
	border: 0;
}

@media (max-width: 940px) {
	#login_box .go_home_box {
		margin-right: 6px;
	}
}

.rounded {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle; /* or top */
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible; /* IE6 form button fix */
}

/** Box pro paticku **/
#footer_box {
	background: transparent;
}

#footer_box #credits_box {
	width: 100%;
	padding: 12px 0;
	text-align: right;
	color: var(--mlha);
	font-size: 13px;
}

/* paticka v karte obsahu */
.ahl_paticka {
	box-sizing: border-box;
	background-color: var(--led);
	border-top: 1px solid var(--mantinel);
}

.ahl_paticka_logo {
	display: block;
	height: 26px;
	width: auto;
	margin-bottom: 12px;
}

.ahl_paticka ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

#footer_box #credits_box .credit {
	margin-right: 20px;
}


/** box seskupujici menu, drobeckove menu a obsah - zkratka to, co ma spolecne pozadi */
#central_bordered_box  {
	padding-top: 59px; /* menu nad tim je fixed */
}

/* puvodni cervena cara pres led zrusena (vizualni identita 2026) */

#central_bordered_box.uvodni_banner #portlet_box {
	border: 0;
	overflow: visible;
}

#central_bordered_box.uvodni_banner .ahl_paticka {
	border: 1px solid var(--mantinel);
	border-radius: 6px;
	margin-top: 20px;
}

#central_bordered_box.uvodni_banner  {
	/* na uvodni je misto ni banner */
	/* banner je poskladan z JPG casti (komprimovana) a PNG spodku (umi udelat pruhlednost) */
	/* background-image: url("img/ph_banner_1.7a_xl.jpg"), url("img/ph_banner_1.7b_xl.png");
	background-repeat: no-repeat;
	background-position: center 59px, center 446px; */
}


/** box pro hlavni horizontalni menu */
#menu_box {
    position: relative;
    background-color: #FFFFFF;
    color: #252525;
    z-index: 21; /* nad ostatnimi vrstvami stejne kategorie, pro spravnou funkcnost drop-down menu */
    border-bottom: solid 1px #000000;
}

#main_menu, .sub_menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#main_menu {
	margin: 0 auto;	
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: flex-start;
	gap: 0;
}

/** polozka hlavniho horizontalniho menu */
.menu_item, .menu_item_hover {
	height: 24px;
	vertical-align: middle;
	padding: 16px 30px;
    border-right: solid 1px black;
    float: left;
    background-color: transparent;
	position: relative;
}

.menu_item.last {
	border-right: none;
}

/** polozka hlavniho horizontalniho menu - mala */
.menu_item.small, .menu_item_hover.small {
	height: 16px;
	padding: 10px 14px; 

	flex-basis: content;
	flex-grow: 0;
	
}

/** polozka hlavniho horizontalniho menu - dropdown submenu */
.sub_menu .menu_item {
	float: none;
	background-color: #FFFFFF;
    color: #252525;
}

/** polozka hlavniho horizontalni menu po najeti mysi */
.menu_item_hover, .sub_menu .menu_item_hover {
    background-color: #FFFFFF;
    color: #252525;
}

.menu_item a, .menu_item a:HOVER, .menu_item span {
	color: #252525;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

.menu_item.small a, .menu_item.small a:HOVER, .menu_item.small span {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

/** box s informaci o aktualni pozici na strankach */
#drobeckove_menu_box {
    background-color: transparent;
}

#drobeckove_menu_inner_box {
    padding: 8px 16px;
}

/** TODO na uvodni strance jinak **/
#portlet_box {
    background-color: var(--deska);
    border: 1px solid var(--mantinel);
    border-radius: 6px;
    overflow: hidden;
    margin-top: 16px; /* nutny odpal od menu boxu po odstraneni drobeckove navigace */
}

/* na mobilu karta od kraje ke kraji - bocni ramecek by pridal 2px a stranka by pretekla */
@media (max-width: 940px) {
	#portlet_box {
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
}

/* Box pro vertikalni reklamu */
#hlavni_vertikalni_reklama_prava_box {
	position: absolute; 
	top: 0; 
	right: -180px; 
	width: 150px; 
	height: 576px; 
}

/** vertikalni poloprusvitny dekor */
.dekor {
    position: absolute;
    width: 18px;
    height: 103px;
    background-image: url('img/decor-background-pixel.png');
    z-index: 40;
}

.portlet {
    /* background-color: white; */
    position: relative;
    z-index: 30;
    
    /*
    padding: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    
    border-radius: 4px;*/
}

/* portlet, na celou obrazovku */
.full_portlet {
	width: 100%; 
	background-color: transparent;
}

/* portlet na puvodni, cca dvoutretinovou sirku */
.two_thirds_portlet {
	width: 70%; 
	background-color: transparent;
}

@media (max-width: 940px) {
	.two_thirds_portlet {
		width: 100%;
		max-width: calc(940px * 0.7); 
	}
}

/* portlet na cca polovicni sirku */
.half_portlet {
	width: 50%; 
	background-color: transparent;
}

@media (max-width: 940px) {
	.half_portlet {
		width: 100%;
		max-width: calc(940px * 0.5); 
	}
}


.last_portlet {
    margin-right: 0;
}

/* "maximalizovany" portlet, na celou obrazovku (vpravo neni menu) */
/* doplnek pro .full_portlet pokud neni menu */
.full_width {
	width: 100%;
}

/**
 * vnitrni boxy do porteltu - zajistuji odskoky 
 */
.portlet_inner_box, .zapasy_banner_inner_box {
	padding: 20px;
	margin: 0 2px 2px 0;
    /* margin: 49px 20px 29px 20px; */
}

.zapasy_banner_inner_box {
	padding-bottom: 0px;
	margin: 0 2px 2px 0;
    /* margin: 49px 20px 29px 20px; */
}

.full_portlet_inner_box {
	padding: 0 20px 20px 20px;
}

/*
 * Pro portlety, ktere nechteji vertikalni odsazeni (vic radku portletu v jednom panelu
 */
.portlet_inner_box.no_top_padding {
	padding-top: 0px;
}


.infoset_inner_box {
	padding: 49px 15px 29px 15px;
}

 
/**
 * LAYOUTY v portlet panelech 
 **/
/* 1 sloupcovy layout */
.portlet_panel.cols_100 {
	
}

.portlet_panel.cols_100 .portlet {
	width: 100%;
}

.portlet_panel.cols_100 .portlet .portlet_inner_box {
	margin: 0 0 2px 0;
}


/* 2 sloupcovy layout 33 / 60 */
.portlet_panel.cols_33_67 {
	
}

.portlet_panel.cols_33_67 .portlet:nth-child(1) {
	width: 33%;
}

.portlet_panel.cols_33_67 .portlet:nth-child(2) {
	width: 67%;
}

/** Under 940, one portlet per line **/
@media (max-width: 940px) {
	.portlet_panel.cols_33_67 .portlet {
		width: 100%;
	}

	.portlet_panel.cols_33_67 .portlet:nth-child(1) {
		width: 100%;
		max-width: calc(940px * 0.34); 
	}
	
	.portlet_panel.cols_33_67 .portlet:nth-child(2) {
		width: 100%;
		max-width: calc(940px * 0.66); 
		float: left;
	}
}

.portlet_panel.cols_33_67 .portlet:nth-child(2) .portlet_inner_box {
	margin: 0 0 2px 0;
}


/* 2 sloupcovy layout 60 / 33 */
.portlet_panel.cols_66_34 {
	
}

.portlet_panel.cols_66_34 .portlet:nth-child(1) {
	width: 66%;
}

.portlet_panel.cols_66_34 .portlet:nth-child(2) {
	width: 34%;
}

/** Under 940, one portlet per line **/
@media (max-width: 940px) {
	.portlet_panel.cols_66_34 .portlet {
		width: 100%;
	}

	.portlet_panel.cols_66_34 .portlet:nth-child(1) {
		width: 100%;
		max-width: calc(940px * 0.66); 
	}
	
	.portlet_panel.cols_66_34 .portlet:nth-child(2) {
		width: 100%;
		max-width: calc(940px * 0.34); 
	}
}

.portlet_panel.cols_66_34 .portlet:nth-child(2) .portlet_inner_box {
	margin: 0 0 2px 0;
}




/* 3 sloupcovy layout */
.portlet_panel.cols_33_33_34 {
	
}

.portlet_panel.cols_33_33_34 .portlet:nth-child(1), 
		.portlet_panel.cols_33_33_34 .portlet:nth-child(2) {
	width: 33%;
}

.portlet_panel.cols_33_33_34 .portlet:nth-child(3) {
	width: 34%;
}

.portlet_panel.cols_33_33_34 .portlet:nth-child(3) .portlet_inner_box {
	margin: 0 0 2px 0;
}




/* Blok s ucelenymi informacemi v ramci stranky. Vizualne oddeleny od okoli */ 
.infoset {
	position: relative;
	background-color: #ffffff;
	
	
	
	/*background-image: url('img/semitransparent-pixel.png');
	background-repeat: repeat-x repeat-y;*/
}

/** Panel, do ktereho se umistuji vedle sebe lezici portlety, defacto radek na portlety **/
.portlet_panel {
    background-color: transparent;
    position: relative;
    float: left;
    width: 100%;
}

/** Jeden zapas v banneru zapasu */
.zapasy_banner_zapas {
	margin: 0 5px;
	padding: 0 5px;
	border-right: solid 1px #e6e6e6;
}

#full_size_portlet_panel {
	
}

#first_vertical_portlet_panel {
	/* width: 670px; */
}

#second_vertical_portlet_panel {
	width: 270px;
}

#third_portlet_panel {
    background-image: url('img/background-anketa-portlet.png');
    background-repeat: repeat;
    background-color: #0c171c;
}


/*
.portlet_header_left, .portlet_header_left_assistant {
    margin: 0;
    border: 0;
    padding: 0;
}


.portlet_header_left_assistant {
    visibility: hidden;
}

.portlet_header_left {
    position: absolute;
    left: -10px;
    top: 0;
}*/

/* nadpis v portletu pres celou stanku */
h2.portlet_header.full_portlet  {
    color: var(--puk);
    padding-top: 20px;
    padding-bottom: 10px;
}

/* nadpisy sekci - Archivo SemiExpanded, stejna rodina tvaru jako logo */
h2.portlet_header, h2.infoset_header, h3.infoset_header, .zvyrazneny_heading {
    font-family: var(--f-display);
    font-stretch: 112%;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 1.1;
}

/* nadpis portletu nebo infosetu */
.portlet_header_box, .infoset_header_box {
    position: absolute;
    top: 0px;

    margin: 0;
    border: 0;
    padding: 0;

    z-index: 40;
}

@media (max-width: 940px) {
	/* nadpis portletu nebo infosetu je v normalnim flow*/
	.portlet_header_box, .infoset_header_box {
		position: relative;
	}
}

/* nadpis portletu/infosetu vlevo*/
.portlet_header_box_left, .infoset_header_box_left {
    position: absolute;
    left: -18px;
    padding: 3px 33px 3px 33px;
}

/* gradientove pozadi k nadpisu */
.portlet_header_box_left.with_background, .infoset_header_box_left.with_background {
    background-image: url('img/decor-background-left.png');
    background-repeat: repeat-y;
    background-position: right top;
    color: #FFFFFF;
}

/* nadpis portletu vpravo*/
.portlet_header_box_right {
    position: absolute;
    right: -18px;
    padding: 3px 33px 3px 33px;
    text-align: right;
}

/* gradientove pozadi k nadpisu vpravo*/
.portlet_header_box_right.with_background {
    background-image: url('img/decor-background-right.png');
    background-repeat: repeat-y;
    background-position: left top;
    color: #FFFFFF;
}

/* nadpis portletu vprostred - nadpis je zarovnany s levou stranou*/
.portlet_header_box_center {
    position: absolute;
    left: 0px;
    padding: 20px;
    text-align: left;
}

@media (max-width: 940px) {
	/* nadpis portletu nebo infosetu je v normalnim flow*/
	.portlet_header_box_center {
		position: relative;
		padding: 0 0 20px 0;
	}
}

/* content pod nadpisem - nadpius je absolutni, takze content musi byt posunuty odvrchu */
@media (min-width: 940px) {
	.under_portlet_header_box_center {
		margin-top: 40px;
	}
}

/* content vedle nadpisu - nadpius je absolutni, takze content musi byt posunuty doboku (podle sirky nadpisu si zajisti sam)
 a byt vysoky aspon jak nadpis, aby pod nim uz bylo ok */
@media (min-width: 940px) {
	.next_portlet_header_box_center {
		min-height: 40px;
	}
}


/* gradientove pozadi k nadpisu vprostred */
.portlet_header_box_center.with_background {
    background-image: url('img/decor-background-pixel.png');
    color: #FFFFFF;
}

/* styl nadpisu portletu */
h2.portlet_header, h2.infoset_header, h3.infoset_header {
    font-size: 24px;
}


/* doplnujici linky (dalsi, vice, starsi clanky...) a box k nim*/
.doplnujici_links, .rss_feed_links {

}

.doplnujici_link, .doplnujici_link:hover, .doplnujici_link_husty, .doplnujici_link_husty:hover {
    /*color: #2c2c2c;*/
    color: #2c2c2c;
    text-decoration: underline;
}

/* link pro oblasti s hustym textem, kde podrzeni bez hoveru zbytecne rusi */
.doplnujici_link_husty {
	text-decoration: none;
}

/* verze pro svetle pozadi  */
.doplnujici_link.light {
    color: #2c2c2c;
}

/* verze pro tmave pozadi  */
.doplnujici_link.dark {
    color: #2c2c2c;
}

/* doplnujici link, ktery je aktualne zobrazen */
.doplnujici_link_active, .doplnujici_link_active:hover {
    color: #2c2c2c;
    text-decoration: none;
}

/*menu souteze/klubu - odkaz */
.soutez_menu_item_link, .klub_menu_item_link,
	.soutez_menu_item_link_homepage, .klub_menu_item_link_homepage  {
	color: var(--puk);
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-family: var(--f-cond);
    font-stretch: 100%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;

    display: inline-block;
    padding-top: 4px;
    border-top: solid 3px var(--mantinel);
}

.soutez_menu_item_link:hover,
		.soutez_menu_item_link_active, .soutez_menu_item_link_active:hover, 
		.klub_menu_item_link:hover, .klub_menu_item_link_active, .klub_menu_item_link_active:hover {
		
	border-top: solid 3px var(--akce);
}

/* maly lokalni nadpis  */
.local_nadpis {
    color: var(--puk);
    text-decoration: underline;    
    font-weight:  bold;
}

/* maly lokalni nadpis co je odkaz */
.local_nadpis_link, .local_nadpis_link:hover, 
		.zapas_vysledek_link, .zapas_vysledek_link:hover,
		.novinka a, .novinka a:hover,
		.aktualne_text a, .aktualne_text a:hover   
		 {
    color: var(--puk);
    text-decoration: underline;
    font-weight:  bold;
}



.tabulka .tabulka_radek_nadpis th .local_nadpis_link,
.tabulka .tabulka_radek_nadpis th .local_nadpis_link:hover {
	text-decoration: underline;
	color: inherit;
	font-weight: inherit;
}

.tabulka .tabulka_radek_nadpis .group-a {
	background-color: #ffe5e7;
}

.tabulka .tabulka_radek_nadpis .group-b {
	background-color: #e2e2f6;
}

/**
 * Textove bunky v tabulkach zarovanat doprava
 **/
.tabulka .alpha {
	text-align: left;
}

/**
 * Ciselne hodnoty v tabulkach zarovanat doprava
 **/
.tabulka .numeric {
	text-align: right;
}

.link_with_right_spacing, .text_with_right_spacing {
    padding-right: 20px;
}

.contextove_links {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	
	list-style: none;
	display: block;
	clear: both;
}

.contextovy_link_item {
	float: left;
	displaty:block;
}

.local_nadpis_link:hover, .doplnujici_link:hover, .doplnujici_link_husty:hover,
.zapas_vysledek_link:hover {
	color: var(--akce);
}

.contextovy_link, .contextovy_link:hover,
.context_link, .context_link:hover {
	color: #2C2C2C;
	text-decoration: underline;
	cursor: pointer;
}

.contextovy_link_active, .contextovy_link_active:hover {
	color: var(--puk);
	font-weight: bold;
	text-decoration: none;
	cursor: text;
}


.image_with_link {
    border: 0;
}

.decorated_text_1 {
    color: var(--puk);
}


/* Obecne zobrazenoi tabyulkovych vypisu */
.tabulka {
	border-spacing: 0;
  	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.tabulka th {
	/* color: #c8c6c7; */
	font-weight: normal;
}

.tabulka caption, .caption {
	font-family: var(--f-display);
	font-stretch: 112%;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0;
	text-decoration: none;
	text-align: left;
	
	padding: 4px 0; /* vertikal jako td */
	vertical-align: top;
}

.caption {
	display: inline-block;
}

.tabulka thead > tr > th {
	padding-bottom: 10px;
}

.tabulka td, .tabulka th {
	padding: 4px 6px;
	vertical-align: top; 
}

.tabulka tbody tr:nth-of-type(odd) {
	background-color: var(--led);
} 

.tabulka tbody tr:nth-of-type(even) {
	background-color: transparent;
} 

.tabulka td.tabulka_separator {
	padding-top:15px;
	font-weight: bold;
}

tr.hovered {
	background-color: var(--led-hover);
}

.tabulka_small {
	/* cellspacing 0 */
	border-spacing:0;
  	border-collapse:collapse;	
}


/** Mala tabulka - mensi rozestupy bunek **/
.tabulka_small td, .tabulka_small th  {
	padding: 0 10px 0 0 ; 
}

.tabulka_small th {
	padding-bottom: 2px; 
}


/** tabulka v ramci portletu **/
.portlet_tabulka {
	width: 100%;
	margin-bottom: 10px;
}

.portlet_tabulka th, .portlet_tabulka td {
	/* padding: 1px 0; */
}

.portlet_tabulka thead > tr > th {
	padding-bottom: 1px;
}


.portlet_tabulka > caption {
	/* font-weight: normal; */
	/* text-align: center; */
}


/** centruj bunky v tabulce */
.center_cells td, .center_cells th {
	text-align: center;
}

.center {
	text-align: center;
}




/** JEDNOTLIVE PORTLETY A JEJICH OBSAH **/

/** PROMO portlet na AHL, portlet z uvodni strany */
#ahl_promo_portlet, #soutez_promo_portlet {
    border-bottom: solid 1px transparent; /** IE bug jinak nezobrazi pozadi */
    background-color: transparent;
}

/**
 * Uzky promo portlet na celou sirku panelu na vsech strankach souteze
 **/ 
#soutez_promo_portlet {
	margin-bottom: 0;
	padding-bottom: 0;
}

#ahl_promo_portlet > div {
	width: 100%; 
}

#ahl_promo_portlet .ahl_promo_text_box {
	color: #000000;

	min-height: 320px;
	padding: 0 20px;

	overflow: hidden;

	box-sizing: border-box;
}

/* Kontejner hera na úvodní stránce - přebíjí min-height sdíleného .ahl_promo_text_box
 * (proto stejná id+class specificita), aby pod claimem nezbývalo prázdné místo -
 * hledání je teď v samostatné kartě. */
#ahl_promo_portlet .ahl_hero_box {
	min-height: 0;
	padding: 26px 20px 22px;
}

/* Hero stránky /chci-na-ahl/ - bez min-height, ať claim + CTA přímo navazují
 * na bílou kartu s popisem (#ahl_promo_about_box). */
#ahl_promo_portlet .ahl_chci_hero_box {
	min-height: 0;
	padding: 30px 20px 32px;
	text-align: center;
}

.ahl_chci_hero_claim {
	margin: 0;
	font-size: clamp(1.6rem, 1rem + 1.8vw, 2.4rem);
	line-height: 1.2;
	text-transform: uppercase;
	text-wrap: balance;
}

.ahl_chci_hero_sub {
	margin-top: 12px;
	font-size: 18px;
	font-style: italic;
}

.ahl_chci_hero_cta {
	margin-top: 22px;
}

/* ---- Hero / claim na úvodní stránce (claim vede, logo je podpůrné) ---- */
.ahl_hero {
	display: flex;
	align-items: center;
	gap: 44px;
	/* výšku určuje obsah (erb + claim); neroste s výsledky - ty jsou v jiné kartě */
}

/* logo je druhotné - menší, u pravého okraje */
.ahl_hero_crest {
	order: 2;
	flex: 0 0 auto;
}

.ahl_hero_crest img {
	display: block;
	width: 165px;
	height: auto;
	filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.26));
}

.ahl_hero_main {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
}

.ahl_hero_claim {
	margin: 0;
	max-width: 760px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: clamp(1.7rem, 1rem + 2vw, 2.5rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--puk);
	text-transform: uppercase;
	text-wrap: balance;
}

/* pulzující tečka před claimem - vizuální echo "živých" výsledků */
.ahl_hero_pulse {
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin-right: 0.35em;
	border-radius: 50%;
	background-color: var(--lampa);
	vertical-align: 0.12em;
	animation: ahl_zive_pulse 1.2s ease-in-out infinite;
}

@media (max-width: 760px) {
	#ahl_promo_portlet .ahl_hero_box {
		padding: 20px 16px 22px;
	}
	.ahl_hero {
		display: block;
		text-align: center;
		min-height: 0;
	}
	/* ve složeném layoutu erb schovej úplně, ať claim + hledání dostanou celý prostor */
	.ahl_hero_crest {
		display: none;
	}
	.ahl_hero_claim {
		max-width: 100%;
		font-size: clamp(1.45rem, 0.9rem + 3vw, 1.9rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ahl_hero_pulse {
		animation: none;
	}
}

#ahl_promo_shouting {
	background-color: #ffffff;
	border-radius: 7px;
		
	font-size: large;
    font-weight: bold;
    
    margin-bottom: 50px;
}

#ahl_promo_heading {
    margin-top: 0;
    margin-bottom: 30px;
    color: var(--puk);
}
.ahl_promo_heading_first_letter {
    color: var(--puk);
}

#ahl_promo_image, #ahl_promo_text, #soutez_promo_logo_box {
    float: left;
}

#ahl_promo_text{
    padding-left: 55px;
    background-color: transparent;
}
/* seznam vyhod portalu */
#ahl_promo_advantage_list {
    list-style-position: inside;
    margin-left: 0;
    padding: 0;
    list-style-type: square;
}

#ahl_promo_soutez_list_box {
    /*border-top: solid 1px #9d928c;
    margin-top: 9px;
    margin-bottom: 0px;
    padding-top: 9px;
    padding-bottom: 9px;*/
}

#ahl_soutez_list {
    background-image: url('img/background-ahl-soutez-list.png');
    /*background-color: #3d3e40;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

#ahl_promo_rozcestnik_polozky {
	padding: 42px 28px;
	background-color: #ffffff;
	border-radius: 7px;
	
	margin-bottom: 55px;	
}

.ahl_promo_rozcestnik_polozka {
	width: 31%;
	margin: 0 1%;
	text-align: center;
	float: left;
	position: relative;
}

@media (max-width: 940px) {
	.ahl_promo_rozcestnik_polozka {
		width: 100%;
		max-width: calc(940px * 0.33);
		margin-bottom: 70px;
	}
}

.ahl_promo_rozcestnik_polozka > h2 {
	display: block;
	padding: 15px 70px;
	
	font-size: 16px;
	color: #ffffff;
	
	background-color: #262626;
	border-bottom: solid 5px var(--puk);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	text-transform: uppercase;
}

.ahl_promo_rozcestnik_polozka > p {
	display: block;
	
	font-size: 16px;
	color: #ffffff;
	
	background-color: #494b4a;
	padding: 26px 50px;
	margin: 0 6px;
	
	min-height: 190px;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	/*border-image-source: url('img/ahl_promo_rozcestnik_polozka_dekor.png');
	border-image-slice: 0 50% 0 50%;
	border-image-outset: 6px; */ 	
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_kruh {
	position: absolute; 
	left: 0; 
	bottom: -42px; 
	width: 100%; 
	height:84px;
	background-image: url("img/ahl_promo_rozcestnik_kruh.png");
	background-position: top center;
	background-repeat: no-repeat;
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_boule {
	position: absolute; 
	left: 0; 
	bottom: -65px; 
	width: 100%; 
	height:23px;
	background-image: url("img/ahl_promo_rozcestnik_boule.png");
	background-position: top center;
	background-repeat: no-repeat;
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_nazev_akce {
	position: absolute; 
	left: 62px; 
	bottom: -50px; 
	width: 149px; 
	height: 151px;
	background-position: top center;
	background-repeat: no-repeat;
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_najdete_se {
	background-image: url("img/ahl_promo_rozcestnik_najdete_se.png");
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_organizuj_tym {
	background-image: url("img/ahl_promo_rozcestnik_organizuj_tym.png");
}

.ahl_promo_rozcestnik_polozka .ahl_promo_rozcesntik_zaridte_to {
	background-image: url("img/ahl_promo_rozcestnik_zaridte_to.png");
}

/* ===== Hledání hráče na úvodní stránce =====================================
 * Bar i výsledky žijí v jedné bílé kartě #ahl_promo_search na celou šířku,
 * zarovnané s kartou soutěží níže -> konzistentní povrch. Karta je až pod herem,
 * takže dlouhý seznam výsledků neposouvá erb ani claim. */
#ahl_promo_search {
	box-sizing: border-box;          /* #ahl_promo_portlet > div dostává width:100% -> padding musí být uvnitř */
	background-color: var(--deska);
	border: 1px solid var(--mantinel);
	border-radius: 6px;
	padding: 18px 20px;
	margin-bottom: 20px;              /* konstantní rozestup ke kartě soutěží */
}

/* bar i výsledky vyplní kartu (stejně jako dlaždice vyplní kartu soutěží) */
#ahl_promo_search_box {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: normal;
}

/* form = flex kontejner (input a tlačítko jsou uvnitř formu; flex ignoruje jejich
 * inline float z autocompleteru a drží je jako jeden spojený ovladač) */
#ahl_promo_search_box form {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

#ahl_promo_search_box input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 46px;
	border: 1px solid var(--okraj);
	border-right: 0;
	border-radius: 4px 0 0 4px;
	padding: 0 14px;
	font-size: 16px;                 /* >= 16px kvůli auto-zoomu na iOS */
	color: var(--puk);
}

#ahl_promo_search_box input[type="text"]:focus {
	outline: none;
	border-color: var(--akce);
	box-shadow: 0 0 0 2px rgba(18, 20, 23, 0.12);
}

#ahl_promo_search_box input[type="submit"], #ahl_promo_search_box input[type="button"] {
	box-sizing: content-box;
	color: #ffffff;
	border: 1px solid var(--puk);
}

#ahl_promo_search_box input[type="submit"] {
	flex: 0 0 auto;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 0 4px 4px 0;
	font-size: 15px;
	font-weight: bold;
}

/* velmi úzké displeje: input a tlačítko na celou šířku pod sebou */
@media (max-width: 480px) {
	#ahl_promo_search_box input[type="text"] {
		flex: 1 1 100%;
		border-right: 1px solid var(--okraj);
		border-radius: 4px;
		margin-bottom: 8px;
	}
	#ahl_promo_search_box input[type="submit"] {
		flex: 1 1 100%;
		border-radius: 4px;
	}
}


/* ---- Výsledky hledání (na stejné bílé kartě jako bar, bez vlastního boxu) ---- */
#ahl_promo_search_box .resultsBox {
	flex: 1 1 100%;
	margin-top: 16px;
	padding-top: 4px;
	border-top: 1px solid #ececec;   /* oddělovač baru od výsledků */
}

#ahl_promo_search_box .results {
	padding: 8px 14px 0;
	color: #6b6b6b;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}

/* počet nalezených / hledané jméno v hlášce "nenašli jsme" - zvýrazněné */
#ahl_promo_search_box .results em {
	color: #1a1a1a;
	font-style: normal;
	font-weight: bold;
}

/* jedna položka výsledku = klikací řádek na celou šířku obsahu */
#ahl_promo_search_box .result {
	display: block;
	margin: 0 -14px;
	padding: 10px 14px;
	border-top: 1px solid #f2f2f2;
	color: #555;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.12s ease;
}

#ahl_promo_search_box .result:HOVER {
	background-color: var(--led);
}

/* jméno hráče vede, klubová příslušnost je tlumená (dědí menší barvu z .result) */
#ahl_promo_search_box .result .local_nadpis {
	font-size: 15px;
	text-decoration: none;
}

#ahl_promo_search_box .result:HOVER .local_nadpis {
	text-decoration: underline;
}

/* clearfix z autocompleteru není ve flexu potřeba */
#ahl_promo_search_box .viktor_cistic {
	display: none;
}

/* tlačítko "Hledat znovu" - přebij inline margin-top: 40px z autocompleteru */
#ahl_promo_search_box .standalone_button {
	margin: 16px 0 2px !important;
	border-radius: 4px !important;
	background-color: var(--akce);
	box-shadow: none;
}

#ahl_promo_search_box .standalone_button:hover {
	background-color: var(--akce-hover);
	color: #ffffff;
}

#ahl_promo_about_box {
	box-sizing: border-box;
	width: 100%;
	padding: 42px 28px;
	background-color: #ffffff;
	border-radius: 7px;
	
	margin-bottom: 55px;	
}

#ahl_promo_about_box  ul {
	list-style-position: outside;
	padding-left: 1.5em;
	line-height: 1.5em;
}

#ahl_promo_about_box .section {
	margin-bottom: 20px;
}

#ahl_promo_about_box .section .sub-section {
	margin-bottom: 30px;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 40%;
	margin-right: 30px;
}

#ahl_promo_about_box .section .sub-section.third {
	box-sizing: border-box;
	flex-basis: calc(30% - 30px);
	background-color: lightgrey;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
}

@media (max-width: 940px) {
	#ahl_promo_about_box .section .sub-section, #ahl_promo_about_box .section .sub-section.third {
		flex-basis: 80%;
	}
}

#ahl_promo_about_box h2 {
	color: var(--puk);
    margin-bottom: 10px;
	font-weight: normal;
	font-size: 28px;
}

#ahl_promo_about_box h3 {
	margin-bottom: 10px;
}


#ahl_promo_about_box p {
	margin-bottom: 20px;
}

#ahl_promo_about_box a:not(.button), #ahl_promo_about_box a:hover:not(.button) {
	color: var(--puk);
    text-decoration: underline;
    font-weight:  bold;
}

/**
 * Root element pro slider sotezi (velky i maly)
 */
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
}

#ahl_soutez_list_souteze_box {
    width: 780px;
    height:80px;
}

#ahl_soutez_list_small_souteze_box {
    width: 360px;
    height:50px;
}

#ahl_soutez_list_souteze_box, #ahl_soutez_list_small_souteze_box {
    float: left;
}

/**
 * seznam polozek pro velky slider soutezi
 */
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}


.ahl_soutez_list_scrollable {
	max-width: 100%;
}

/**
 * Box na logo souteze a sipku ve slideru se soutezema
 */
.ahl_soutez_list_logo_box, .ahl_soutez_list_sipka_box, .ahl_soutez_list_small_logo_box, .ahl_soutez_list_small_sipka_box  {
    position: relative;
    margin: 0px;
    float: left;
    overflow: hidden;
}

/**
 * Box na logo souteze a sipku ve velkem slideru se soutezema na
 */
.ahl_soutez_list_logo_box  {
    width: 80px;
    height: 80px;
    padding: 0 9px;
}

.ahl_soutez_list_sipka_box {
    width: 50px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    padding: 0 9px;
}

.ahl_soutez_list_sipka_box.leva {
	padding-left: 20px;
	padding-right: 10px;
}
.ahl_soutez_list_sipka_box.prava {
	padding-left: 10px;
	padding-right: 20px;
}


/**
 * Box na logo souteze a sipku v malem slideru se soutezema na
 */
.ahl_soutez_list_small_logo_box, .ahl_soutez_list_small_sipka_box  {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/* loga maji navic margin, sipka je mensi obrazek, takze se ji zvlast dava specialni padding pro vycentrovani */
.ahl_soutez_list_small_logo_box {
    margin-left: 10px;
    margin-right: 10px;
}

/* odsazeni pro vycentrovani sipky - je velikostne 50x50 */
.ahl_soutez_list_sipka {
    margin-top: 15px;
    display: inline-block;
    width: 50px;
    height: 50px;
	background-repeat: no-repeat;
}

.ahl_soutez_list_sipka.leva {
	background-image: url("img/souteze-slider-sipka-leva-2.png");
	background-position: top left;
}

.ahl_soutez_list_sipka.leva:HOVER{
	background-image: url("img/souteze-slider-sipka-leva-2.png");
	background-position: bottom left;
}
.ahl_soutez_list_sipka.prava {
	background-image: url("img/souteze-slider-sipka-prava-2.png");
	background-position: top left;
}

.ahl_soutez_list_sipka.prava:HOVER{
	background-image: url("img/souteze-slider-sipka-prava-2.png");
	background-position: bottom left;
}

/* odsazeni pro vycentrovani sipky */
.ahl_soutez_list_small_sipka {
    margin: 6px 7px 7px 6px;
}


/* =========================================================
 * Přehled týmů soutěže - dlaždice (nahrazuje scrollovací box)
 * 4 dlaždice na řádek, responzivně 3 a 2
 * ========================================================= */
.ahl_team_tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

/* na užších obrazovkách 3 na řádek */
@media (max-width: 940px) {
    .ahl_team_tiles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
}

/* na mobilu 2 na řádek (min. šířka 375px) */
@media (max-width: 560px) {
    .ahl_team_tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

.ahl_team_tile {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 14px 8px;
    border: solid 1px var(--mantinel);
    border-radius: 6px;
    background-color: var(--logo-plate);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

/* tym sledovaneho klubu: jen podbarveni cele dlazdice (jako dlazdice sledovane souteze), logo na bile desce */
.ahl_team_tile.emphasized {
    background-color: var(--led-modry);
}

.ahl_team_tile.emphasized .ahl_team_tile_logo {
    border-radius: 4px;
    background-color: var(--logo-plate);
}

.ahl_team_tile:HOVER {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    text-decoration: none;
} 

/* box na logo / avatar - drží čtvercové proporce */
.ahl_team_tile_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.ahl_team_tile_img {
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

/* placeholder se zkratkou ve stejných proporcích jako logo */
.ahl_team_tile_avatar {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    padding: 4px;
    border-radius: 50%;
    background-color: var(--puk);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    overflow: hidden;
}

.ahl_team_tile_nazev {
    font-weight: bold;
    font-size: 13px;
    line-height: 1.25;
    color: #333;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

/* kotva pro odscrollování na detail týmu po kliknutí na dlaždici;
 * offset kvůli fixní horní liště (#header_box má výšku 59px) */
.ahl_team_detail_anchor {
    scroll-margin-top: 70px;
}


/* =========================================================
 * Přehled soutěží na úvodní stránce - dlaždice
 * 6 dlaždic na řádek, responzivně 4, 3 a 2
 * (vychází z .ahl_team_tiles, ale s velkým logem soutěže)
 * ========================================================= */

/* bílý blok obalující celou sekci s přehledem soutěží */
#ahl_promo_souteze {
    box-sizing: border-box;          /* #ahl_promo_portlet > div dostává width:100% -> padding musí být uvnitř (jinak 40px přetečení na mobilu) */
    background-color: var(--deska);
    border: 1px solid var(--mantinel);
    border-radius: 6px;
    padding: 4px 20px 20px 20px;
}

.ahl_soutez_tiles {
    display: grid;
    /* Fluidní reflow bez hardcoded breakpointů (konvence responzivního designu AHL -
     * portlety mají min. šířku a skládají se pod sebe samy). Obsah je capnutý na 940px
     * (~900px uvnitř sekce) -> min 130px drží na desktopu 6 sloupců
     * (6*130 + 5*16 gap = 860 <= 900), níž grid sám ubírá sloupce až na 2 na mobilu. */
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 16px;
}

.ahl_soutez_tile {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 8px;
    border: solid 1px var(--mantinel);
    border-radius: 6px;
    background-color: var(--logo-plate);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ahl_soutez_tile:HOVER {
    border-color: var(--akce);
    box-shadow: inset 0 0 0 1px var(--akce);
    text-decoration: none;
}

/* naposledy navštívená soutěž - výraznější (zlatý) rámeček */
.ahl_soutez_tile.is_last_visited {
    /* border-color: #e3b341;
    box-shadow: 0 0 0 1px #e3b341; */
}

/* soutěž s živým zápasem - červený rámeček */
.ahl_soutez_tile.is_live {
    /* border-color: var(--puk);
    box-shadow: 0 0 0 1px var(--puk);*/
}

/* akční dlaždice na konci gridu - tlačítka místo loga soutěže,
 * bez šedého rámečku, tlačítka zarovnaná ke spodní hraně */
.ahl_soutez_tile_action {
    justify-content: flex-end;
    gap: 10px;
    cursor: default;
    border-color: transparent;
}

.ahl_soutez_tile_action:HOVER {
    box-shadow: none;
    transform: none;
}

.ahl_soutez_tile_action .button {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1.2;
}

/* žlutá hvězda partnera (stejná jako na /partneri/) */
.ahl_partner_hvezda {
    color: inherit;
}

/* dlaždice "Přidat soutěž" - poslední v gridu, červené rámování,
 * místo loga soutěže velké plus */
.ahl_soutez_tile_pridat {
    border: 1px dashed var(--okraj);
    background-color: transparent;
}

.ahl_soutez_tile_pridat:HOVER {
    border-style: solid;
    background-color: var(--deska);
}

.ahl_soutez_tile_plus {
    font-family: var(--f-display);
    font-size: 88px;
    font-weight: 600;
    line-height: 1;
    color: var(--puk);
}

.ahl_soutez_tile_pridat .ahl_soutez_tile_nazev {
    color: var(--puk);
}

/* CTA "Chci vlastní soutěž na AHL" sladěno velikostí a písmem
 * s tlačítky [Ostatní soutěže] / [Stát se partnerem] v sekci soutěží */
.ahl_promo_text_box .button {
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
}

/* box na velké logo - drží čtvercové proporce */
.ahl_soutez_tile_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.ahl_soutez_tile_img {
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.ahl_soutez_tile_nazev {
    font-family: var(--f-cond);
    font-stretch: 100%;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: 0;
    color: var(--grafit);
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

/* ucast klubu v soutezich (klub/.../souteze/): klub mivá jednu az dve souteze - auto-fill drzi
 * sirku dlazdice jako na uvodu (auto-fit by jedinou dlazdici roztahl pres celou sirku) */
.ahl_soutez_tiles.ucasti_klubu {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

/* pod zkratkou souteze nazev tymu klubu */
.ucasti_klubu_tym {
    margin-top: 2px;
    color: var(--mlha);
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* sledovana soutez (uzivatel je jeji fanousek): jen podbarveni cele dlazdice, bez prouzku - tvar,
 * rohy i ramecek beze zmeny (navrh doc/navrhy/sledovana-soutez-dlazdice/, varianta B); logo zustava
 * na bile desce (manual: logo vzdy na bile desce) */
.ahl_soutez_tile.emphasized {
	background-color: var(--led-modry);
}

.ahl_soutez_tile.emphasized .ahl_soutez_tile_logo {
	border-radius: 4px;
	background-color: var(--logo-plate);
}

/* registrovane souteze: regiony ve sloupcich (sloupce se vyrovnaji, dlouhy region se rozdeli),
 * soutez jako radek s logem 24 px; pocet sloupcu podle sirky bez breakpointu */
.souteze_oblasti {
	column-width: 280px;
	column-gap: 28px;
}

h3.souteze_oblast_nazev {
	break-after: avoid;
	margin: 14px 0 6px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.souteze_oblast:first-child h3.souteze_oblast_nazev {
	margin-top: 0;
}

table.souteze_seznam {
	width: 100%;
}

table.souteze_seznam tr {
	break-inside: avoid;
}

table.souteze_seznam td {
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: middle;
}

table.souteze_seznam td.souteze_seznam_zive {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

.souteze_odkazy {
	margin: 16px 0 0;
}

/* rožek "živě" - červený odznak vpravo nahoře.
 * Je absolutně pozicovaný, takže nemění výšku dlaždice (a nenatáhne řádek gridu). */
.ahl_soutez_tile_zive,
.zivy_zapas_odznak {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    border-radius: 999px;
    background-color: var(--lampa);
    color: #fff;
    font-family: var(--f-cond);
    font-stretch: 100%;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.45;
    white-space: nowrap;
}

.ahl_soutez_tile_zive::before,
.zivy_zapas_odznak::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    animation: ahl_zive_pulse 1.2s ease-in-out infinite;
}

@keyframes ahl_zive_pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.35; transform: scale(0.65); }
}

/* sekundární, jasně oddělená a nalezitelná linka pro vedoucího soutěže
 * (velké CTA v heru ustoupilo hledání, viz revize uživatelských flow) */
#ahl_promo_organizuji {
    margin-top: 30px;
    padding-top: 20px;
    border-top: solid 1px #e0e0e0;
    text-align: center;
}

.ahl_promo_organizuji_link {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.ahl_promo_organizuji_link:HOVER {
    color: var(--puk);
    text-decoration: underline;
}


/* dekorativni pruh nad obrazkem */
#ahl_promo_dekor1 {
    position: absolute;
    top: 280px;
    /* bottom: 40px; */
    left: -18px;
    width: 981px; /* 1003 - 40 - 20 + 18 px;*/
    height: 89px; /* 103 -7 -7 px;*/
    padding: 7px 40px 7px 20px;

    /*
    background-color: black;
    opacity: .78;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    filter: alpha(opacity=78);
*/
    background-image: url('img/modal-background-pixel.png');
    z-index: 40;
}

.ahl_promo_dekor_hover {
	background-image: url('img/decor-background-pixel.png');
}

/**
 * portlet s promem pro soutez
 */
#soutez_promo_portlet {}

#soutez_promo_portlet .portlet_inner_box {
	padding-bottom: 0px;
}

#soutez_promo_logo_box, #soutez_promo_text, #soutez_menu_box {
	 position: relative;
}

#soutez_promo_logo_box {
	width: 100px;
	height: 100px;
	margin-right: 30px; 
}

#soutez_promo_logo {
	max-width: 100px;
	max-height: 100px;
	border: 0;
}

#soutez_promo_text, #soutez_menu_box  {
	/* margin-left: 30px;	*/
}

h2#soutez_promo_heading {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}
#soutez_promo_heading, #soutez_promo_heading a {
	position: relative;
	color: #696969;
	margin-top: 20px;
	font-weight: normal;
	text-decoration: none;
}

#soutez_promo_heading a:hover {
	text-decoration: underline;
}

/* Menu souteze nebo klubu */
.soutez_menu_list, .klub_menu_list{
	list-style-type: none;
	padding: 0px;
	margin: 0;
}

.soutez_menu_item, .klub_menu_item {
	margin:0px;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	float: left;
}

/* portlet hrace */
#jsem_hrac_portlet {
    width: 100%;
    float: left;
    background-image: url('img/background-clanky-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #545756;
}

/* velke pole pro naseptavac */
#jsem_hrac_portlet .ac_input {
	width: 200px;
	margin-right: 20px;
}

/* portlet organizatora */
#jsem_organizator_portlet {
    width: 100%;
    float: left;
    
    background-image: url('img/background-novinky-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #545756;
}

/* portlet vedouciho souteze */
#jsem_vedoucisouteze_portlet {
    width: 100%;
    float: left;
    background-image: url('img/background-clanky-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #545756;
}

/* portlet s aktualnimi clanky, fotkanmi a aktialitami */
#aktualne_portlet, .aktualne_portlet {}

.aktualne_portlet .aktualne_dlazdice {
	margin-bottom: 20px;
}
.aktualne_portlet .aktualne_dlazdice:last-child {
	margin-bottom: 0px;
}

.aktualne_portlet  h3.aktualne_nazev {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;

    padding: 0;
    margin: 0 0 5px 0;
    color: var(--puk);
}

.aktualne_portlet h3.aktualne_nazev > a, .aktualne_portlet  h3.aktualne_nazev > a:HOVER {
	/* color: inherit;
	font-style: inherit;
	text-decoration: inherit;*/
	color: var(--puk);
	font-style: normal;
	text-decoration: none;
}

/* perex clanku v portletu */
.aktualne_portlet .aktualne_text {
    margin-bottom: 9px;
   	max-height: 100px;
    overflow:hidden;
    text-overflow: ellipsis;
}

/* datim clanku v portletu */
.aktualne_portlet .aktualne_datum{
  	color: #696969;
}

.aktualne_portlet .aktualne_obrazek_box {
	min-width: 250px;
	max-width: 310px; /* 100%; */
	min-height: 150px;
	max-height: 200px;
	overflow: hidden;
}

.aktualne_portlet  .aktualne_obrazek_box, .aktualne_portlet  .aktualne_text_box {
	float: left;
	padding-bottom: 20px;
	width: calc(50% - 10px);
}

@media (max-width: 940px) {
	.aktualne_portlet .aktualne_dlazdice {
		margin-bottom: 30px;
	}
	.aktualne_portlet  .aktualne_obrazek_box, .aktualne_portlet  .aktualne_text_box {
		width: 100%;
		padding-bottom: px;
	}
}

.aktualne_portlet .aktualne_obrazek_box {
	padding-right: 20px;
}

.aktualne_portlet .aktualne_obrazek_box .aktualne_obrazek {
	max-width: calc(100% - 2px);
	border: solid 1px #e6e6e6;
}


.ceny_portlet .cena, .ceny_admin_box .cena {
	margin-bottom: 30px;
}

.ceny_portlet .cena .cena_ikona_box, .ceny_admin_box .cena .cena_ikona_box {
	min-height: 56px;
	min-width: 56px;
	margin-right: 20px;
}

.ceny_portlet .cena .cena_text_box, .ceny_admin_box .cena .cena_text_box    {
	min-width: 400px;
}
		
.ceny_portlet .cena .cena_ikona_box, .ceny_portlet .cena .cena_text_box,
		.ceny_admin_box .cena .cena_ikona_box, .ceny_admin_box .cena .cena_text_box    {
	float: left;
}

.ceny_portlet .cena_nazev {
	font-weight: bold;
	margin-bottom: 10px;
}

.ceny_admin_box .cena_nazev  {
	font-weight: normal;
	margin-bottom: 6px;
}

.ceny_portlet .neudeleno, .ceny_admin_box .neudeleno  {
}

#osoba_profil_trofeje .cena {
	float: left;
	margin: 0 22px 10px 0;
}




/* portlet s aktualnimi clanky */
#clanky_portlet {
    width: 670px;
    float: left;
    background-image: url('img/background-clanky-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #545756;
}

#clanky_portlet_inner_box, #novinky_portlet_inner_box {
    margin: 49px 15px 29px 15px;
}


#clanky_obrazek_box, #clanky_text_box, .clanek_obrazek_box{
    float:left;
}

#clanky_obrazek_box, #clanky_navigace_box, .clanek_obrazek_box {
    width: 315px;
    margin-right: 8px;
    position: relative;
}

.clanek_obrazek_box {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 315px;
}

.clanek_detail_perex {
	font-style: italic;;
}

.clanek_detail_perex, .clanek_detail_text {
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: justify;
}
#clanky_navigace_box, #clanky_link_box {
    margin-top: 10px;
    float: left;
}

#clanky_obrazek_box {
    height: 200px;
}

#clanky_text_box {
	max-height: 220px;
}

.clanky_obrazek, .clanek_obrazek, img.framed {
    border: solid 1px #716056;
}

#clanky_text_box, #clanky_link_box {
    width: 315px;
    position: relative;
}

/* box s texty k aktualnimu clanku */
#clanky_aktualni_text_box{
    margin-bottom: 30px;
    position: relative;
}

.slider_list {
    list-style:none;
    border: 0;
    padding: 0;
    margin:0;
}

/* slider pro clanky */
#clanky_portlet  .clanky_slider_button, #clanky_portlet .paused_button, #clanky_portlet  .pause_button {
    /* background-image: url('img/background-clanky-navigace-inactive.png'); */
    display: block;
    float: left;
    color: #d9ba59;
    font-weight: bold;
    text-align: center;
    margin: auto;
    margin: 2px 4px;
    font-size: larger;
}

#clanky_slide_nav {

}
#clanky_portlet #button_selected, #clanky_portlet .paused_button {
    /* background-image: url('img/background-clanky-navigace-active.png');*/
    color: #FFFFFF;
}

/* Screencast slider - prezentace nejakeho screencastu (videa z obrazku) */
.screencast_slider .slider_button, .screencast_slider .paused_button, .screencast_slider .pause_button {
	margin-bottom: 5px;
   
}

.screencast_slider #button_selected, .screencast_slider .paused_button {
	color: #d9ba59;
	font-weight: bold;
}



.screencast_slider .slider_list {
	list-style: square inside;
    border: 0;
    padding: 0;
    
}


h3.clanky_text_nadpis {
    font-size: 20px;
    font-weight: normal;

    padding: 0;
    margin: 0 0 5px 0;
    color: var(--puk);
}

h3.clanky_text_nadpis > a, h3.clanky_text_nadpis > a:HOVER {
	/* color: inherit;
	font-style: inherit;
	text-decoration: inherit;*/
	color: var(--puk);
	font-style: normal;
	text-decoration: none;
}

/* info o datu a autorovi aktualniho clanku */
/* info o datu a autorovi clanku v seznamu clanku */
#clanky_tiraz, .clanky_tiraz, .clanek_list_tiraz {
    margin-bottom: 15px;
    color: #2C2C2C;
    font-style: italic;
}

/* perex aktualniho clanku */
/* perex clanku v seznamu clanku */
#clanky_perex, .clanek_list_perex {
    margin-bottom: 9px;
}

/* perex aktualniho clanku */
#clanky_portlet #clanky_perex{
    max-height: 120px;
    overflow:hidden;
}

/* bunka tabulky dalsich clanku */
.clanky_dalsi_datum_cell {
    width: 55px;
}

/* bunka tabulky dalsich clanku */
.clanky_dalsi_datum_cell {
}

.clanky_dalsi_datum {
    font-weight: bold;
}

.clanky_dalsi_link, .clanky_dalsi_link:hover  {
    color: white;
    text-decoration: underline;
}


/* portlet s novinkami (priklepy, organizacnimi zpravickami) */
#novinky_portlet {
    width: 335px;
    float: left;
    background-image: url('img/background-novinky-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #919291;
}

/* pokud je ve vertikalnim panelu tak dedi pozadi od celeho panelu */
#second_vertical_portlet_panel #novinky_portlet {
	background-color: transparent;
	background-image: none;
}
	
#novinky_portlet_novinky_list_box {
	height: 200px;
	overflow: auto;
	margin-bottom: 5px;
}

.novinka {
    width: 100%;
    margin-bottom: 15px;
}

.novinka_obrazek_box, .novinka_text_box {
    float: left;
}

.novinka_obrazek_box {
    width: 90px;
}

.novinka_text_box {
    width: 190px;
}

.full_portlet .novinka_text_box { /* vypis novinek na celoy full  portlet */
    width: 450px;
}


.novinka_obrazek {
    border: solid 1px #47484a;
}

.novinka_tiraz, .novinka_text {
    margin-bottom: 5px;
}

.novinka_nadpis {
    color: var(--puk);
    text-decoration: underline;
    font-weight:  bold;
}

.novinka_datum {
    font-weight:  bold;
    margin-right: 5px;
}

/* portlet s rss */
#rss_portlet, #facebook_like_portlet {
    width: 335px;
    float: left;
    background-color: transparent;
}


#facebook_like_portlet_inner_box, #rss_portlet_inner_box, #fotogalerie_portlet_inner_box, #zapasy_portlet_inner_box,
#anketa_portlet_inner_box, #tabulka_portlet_inner_box, #diskuse_portlet_inner_box, #doporucujeme_portlet_inner_box,
#kontakty_na_hrace_portlet_inner_box, .portlet_inner_box {
    /* margin: 49px 15px 29px 15px; */
    /* margin-top: 40px; */
}

.rss_box {
    margin-bottom: 20px;
}

.rss_feed_title {
    margin-bottom: 5px;
}
.rss_feed_results {
    margin-bottom: 8px;
}

/* bunka tabulky rss */
.rss_item_datum_cell {
}

/* bunka tabulky rss */
.rss_item_datum_cell {
}

.rss_item_datum {
    font-weight: bold;
}

.rss_item_link, .rss_item_link:hover{
    color: white;
    text-decoration: underline;
}


/* portlet s preview fotogalerie*/
#fotogalerie_portlet {
    width: 335px;
    float: left;
    background-image: url('img/background-fotogalerie-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #919291;
}

/**/
#fotogalerie_image_box, #fotogalerie_text_box {
    margin-bottom: 5px;
}

/* box na obrazek - pokud je obrazek na stojaka, tak se skrytim overflow oreze */
#fotogalerie_image_box {
	width: 304px;
	height: 260px;
	overflow: hidden;
}

#fotogalerie_image_box img {
	width: 300px;
	border: solid 2px transparent;
}

.fotogalerie_text_datum, .fotogalerie_text_nazev {
    font-weight: bold;
}



/* portlet s novinkami (priklepy, organizacnimi zpravickami) */
#zapasy_portlet {
    float: left;
}

#zapasy_portlet #zapasy_tabulka_box .tabulka {
	width: 100%;
}

/* zivy stav zapasu (ZivyStavZapasu v ahl-common) - kontejner [data-zapas-live] nese tridu stavu
 * zl_pred / zl_probiha / zl_odehrano, podle ktere se prepinaji prvky zl_jen_*.
 * !important - prvky casto nesou vlastni display (inline styly, show_if_large, odznaky) */
.zl_pred .zl_jen_probiha, .zl_pred .zl_jen_odehrano, .zl_pred .zl_jen_skore,
.zl_probiha .zl_jen_pred, .zl_probiha .zl_jen_odehrano,
.zl_odehrano .zl_jen_pred, .zl_odehrano .zl_jen_probiha {
	display: none !important;
}

/* sledovany hrac v zapase (trida zl_hrac): zl_soupiska = je na soupisce zapasu, zl_brankar = chyta,
 * zl_strely = brankar ma zadane strely ("25 S, 92,3%", jinak "– S, 2 OG") */
.zl_hrac:not(.zl_soupiska) .zl_jen_soupiska,
.zl_hrac.zl_soupiska .zl_jen_mimo_soupisku,
.zl_hrac:not(.zl_brankar) .zl_jen_brankar,
.zl_hrac.zl_brankar .zl_jen_hrac_pole,
.zl_hrac:not(.zl_strely) .zl_jen_strely,
.zl_hrac.zl_strely .zl_jen_bez_strel,
.zl_hrac:not(.zl_tym_d) .zl_jen_tym_d,
.zl_hrac:not(.zl_tym_h) .zl_jen_tym_h {
	display: none !important;
}

/* ikona videa jen u zapasu s videem (trida zl_video) */
.zl_pred:not(.zl_video) .zl_jen_video,
.zl_probiha:not(.zl_video) .zl_jen_video,
.zl_odehrano:not(.zl_video) .zl_jen_video {
	display: none !important;
}

/* skore ve vypisu zapasu - siroke Archivo jako cislice v logu; cervene jen behem ziveho zapasu */
.skore_box {
	display: inline-block;
	min-width: 30px;
	padding: 1px 5px 0;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: var(--puk);
	color: #FFFFFF;
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.55;
	text-align: center;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.skore_box.skore_box_domaci {
	margin-right: 6px;
}

.skore_box.skore_box_spojene {
	min-width: 48px;
}

.zl_probiha .skore_box {
	background-color: var(--lampa);
}

/* zvyrazneni zmeneneho skore */
.zl_score_d, .zl_score_h {
	transition: background-color 1s, color 1s;
}

.zivy_zapas_zmena {
	background-color: #ffd400;
	color: #252525;
}

/* průběh živého zápasu - stejná pilulka s pulzující tečkou jako "živě" na dlaždicích
 * soutěží (.ahl_soutez_tile_zive), jen v toku buňky místo v rohu */
.zivy_zapas_odznak {
	position: static;
	vertical-align: middle;
	letter-spacing: 0;
	text-transform: none;
}

/* jen pulzující tečka "živě" za skóre - pro úzké výpisy (rozpis, přehled zápasů a kalendář Moje AHL) */
.zivy_zapas_ikona {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 4px;
	border-radius: 50%;
	background-color: var(--lampa);
	vertical-align: middle;
	animation: ahl_zive_pulse 1.2s ease-in-out infinite;
}
.zl_dohrano .zivy_zapas_ikona {
	background-color: #999;
	animation: none;
}
@media (prefers-reduced-motion: reduce) {
	.zivy_zapas_ikona {
		animation: none;
	}
}

/* po dohrání zápasu (prenos UKONCENO, zápis ještě neuzavřen) pilulka zešedne a tečka zmizí */
.zl_dohrano .zivy_zapas_odznak {
	background-color: #999 !important;
}
.zl_dohrano .zivy_zapas_odznak::before {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.zivy_zapas_odznak::before {
		animation: none;
	}
}

.zapasy_portlet_zapas_zvyrazneny_box {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: solid 1px black;
}
.zapasy_portlet_zapas_zvyrazneny_hlavicka_box {
    margin-bottom: 3px;
}

/* bunky tabulky s vysledky zapasu */
.zapas_datum_cell {
    padding-right: 5px;
}

.zapas_vysledek_cell  {
    padding-left: 5px;
}



/* portlet s anketou */
#anketa_portlet {
    width: 335px;
    float: left;
	background-color: transparent;
}

/* portlet s tabulkou poradi */
#tabulka_portlet {
    float: left;
}

/* Polozky tabulky u portletu s tabulkou */
.tabulka_portlet_tabulka_poradi {
	width: 7%;
	text-align: left;
}

th.tabulka_portlet_tabulka_klub {
	width: 48%;
	font-weight: normal;
}

td.tabulka_portlet_tabulka_klub {
	width: 48%;
}

.tabulka_portlet_tabulka_cislo {
	width: 15%;
	text-align: center;
}

th.tabulka_portlet_tabulka_cislo {
	font-weight: normal;
}

td.tabulka_portlet_tabulka_cislo {
	font-weight: bold;
}

.tabulka_portlet_tabulka_cislo > em {
/*	color: var(--puk);*/
	font-style: normal;
}

/** portlet s kontakty na hrace a brankare */

.kontaky_na_hrace_portlet_tabulka {
	width: 100%;
	margin-bottom: 10px;
}
.kontaky_na_hrace_portlet_tabulka th, .kontaky_na_hrace_portlet_tabulka td {
	text-align: left;
	padding: 0 2px 2px 0;
}

td.kontaky_na_hrace_portlet_tabulka_region {
	width: 30%;
}
th.kontaky_na_hrace_portlet_tabulka_region {
	width: 30%;
	font-weight: bold;
}
td.kontaky_na_hrace_portlet_tabulka_hrac {
	width: 70%;
}
th.kontaky_na_hrace_portlet_tabulka_hrac {
	width: 70%;
	font-weight: bold;
}

/* portlet s aktualnimi diskuznimi prispevky */
#diskuse_portlet{
    width: 335px;
    float: left;
    background-color: transparent;
}

#diskuse_portlet_prispevky_box {
	height: 240px;
	overflow: auto;
}

/* portlet kontaktama na hrace a brankare */
#kontakty_na_hrace_portlet {
    width: 335px;
    float: left;

	background-image: url('img/background-rss-portlet-2.png');
    background-repeat: repeat-x;
    background-color: #696b6a;
}

.diskuzni_prispevek {
    width: 100%;
    margin-bottom: 15px;
}

.diskuzni_prispevek_tiraz, .diskuzni_prispevek_text {
    margin-bottom: 5px;
}

.diskuzni_prispevek_nadpis {
    color: var(--puk);
    text-decoration: underline;
    font-weight:  bold;
}

.diskuzni_prispevek_datum {
    font-weight:  bold;
    margin-right: 5px;
}



/* portlet s reklamnim doporucenim */
#doporucujeme_portlet {
    width: 335px;
    float: left;
    background-color: transparent;
}

.doporucujeme {
    width: 100%;
    margin-bottom: 15px;
}

.doporucujeme_text_box, .doporucujeme_obrazek_box {
    float: left;
}

.doporucujeme_text_box {
    width: 150px;
}

.doporucujeme_obrazek_box {
    width: 150px;
    text-align: right;
}

.doporucujeme_obrazek {
    border: 0px;
}

.doporucujeme_tiraz, .doporucujeme_text {
    margin-bottom: 5px;
}

.doporucujeme_nadpis, .doporucujeme_nadpis a, .doporucujeme_nadpis a:hover {
    color: var(--puk);
    text-decoration: underline;
}


/* Fotogalerie - list */
/* Fotogalerie - fotky - list */

/* Velikost fotky - nahledu */
#fotogalerie_full_portlet, #fotky_full_portlet {
	/* width: 670px;
	background: transparent; */
}

#fotogalerie_full_portlet_inner_box, #fotky_full_portlet_inner_box {
	/* padding: 0 12px 10px 12px; standardne full portlet inner box */
}

#fotogalerie_full_portlet ul#fotogalerie_list li.fotogalerie img.fotogalerie_fotka {
	width: 300px;
	border: solid 2px transparent;
}

.fotky_list_core ul#fotka_list li.fotka img.fotka_thumbnail {
	width: 150px;
	border: solid 2px transparent;
}

#fotogalerie_full_portlet ul#fotogalerie_list li.fotogalerie img.hover,
.fotky_list_core ul#fotka_list li.fotka img.hover {
	border: solid 2px var(--puk);
}

#fotogalerie_full_portlet ul#fotogalerie_list,
.fotky_list_core ul#fotka_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#fotogalerie_full_portlet ul#fotogalerie_list li,
.fotky_list_core ul#fotka_list li {
	float: left;
	overflow: hidden;
}

#fotogalerie_full_portlet ul#fotogalerie_list li {
	margin: 0 11px 36px 0;
}

.fotky_list_core ul#fotka_list li {
	margin: 0 3px 20px 0;
}

#fotogalerie_full_portlet ul#fotogalerie_list li {
	width: 304px;
	height: 260px;
}

.fotky_list_core ul#fotka_list li {
	width: 154px;
	height: 130px;
}
	
#fotogalerie_full_portlet ul#fotogalerie_list li .fotogalerie_popis {
	margin-bottom: 7px;
	/* jen na jeden radek */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#fotogalerie_full_portlet ul#fotogalerie_list .fotogalerie_nazev {
	font-style: italic;
}

#fotogalerie_full_portlet ul#fotogalerie_list .fotogalerie_fotek {
	color: var(--puk);
}

/* strankovani */
#fotogalerie_full_portlet ul.simplePagerNav, 
.fotky_list_core ul.simplePagerNav {
	list-style: none;
	display: block;
	margin: 0 40px 0 0;
	padding: 0;
	float: left;
}

#fotogalerie_full_portlet ul.simplePagerNav li, 
.fotky_list_core ul.simplePagerNav li {
	float: left;
	margin-right: 5px;
}

#fotogalerie_full_portlet ul.simplePagerNav li a,
.fotky_list_core ul.simplePagerNav li a {
	color: var(--puk);
	text-decoration: none;
	padding: 0.1em 0.4em;
	border-radius: 3px;
	font-variant-numeric: tabular-nums;
}

#fotogalerie_full_portlet ul.simplePagerNav li a:hover,
.fotky_list_core ul.simplePagerNav li a:hover {
	text-decoration: underline;
}

/* aktivni strana jako aktivni stitek (cerna), ne zluta */
#fotogalerie_full_portlet ul.simplePagerNav li.currentPage a,
.fotky_list_core ul.simplePagerNav li.currentPage a {
	color: #FFFFFF;
	background-color: var(--akce);
	text-decoration: none;
}

/* pocet fotek - puk misto cihlove */
.fotky_pocet {
	color: var(--puk);
	font-weight: 700;
}

.simplePagerNav {
	
}

/* Portlet pro menu, menu muze byt but jako samostany portlet nebo soucasti soutez_promo_portletu */
#menu_portlet {
	z-index: 9999; /* menu pri rozbaleni preteka nad vsechny ostatni elementy */
	float: left;
	background-color: transparent;
}

#menu_portlet_inner_box {
	margin-bottom: 30px;
}

/* Tabulky full portlet */
#tabulky_full_portlet {
}

#tabulky_full_portlet_inner_box {
}

.tabulka_tymu td.tabulka_body, .tabulka_tymu td.tabulka_team {
	color: var(--puk);
	font-weight: bold;
}

/* ciselne polozky centrovat */
.tabulka_tymu td.tabulka_poradi,
.tabulka_tymu td.tabulka_poradi,
.tabulka_tymu td.tabulka_zapasy,
.tabulka_tymu td.tabulka_vyhry,
.tabulka_tymu td.tabulka_prodlouzeni,
.tabulka_tymu td.tabulka_remizy,
.tabulka_tymu td.tabulka_prohry,
.tabulka_tymu td.tabulka_bilance,
.tabulka_tymu td.tabulka_body, 
.tabulka_tymu td.tabulka_vysledek{
	text-align: center;
}

.tabulka_tymu td.tabulka_team {
	text-align: left;
}

/* nazev celeho playoff */
.tabulka_playoff > caption {
	
  font-size: 16px;
  padding: 4px 0px;
  text-align: left;
  text-decoration: none;
  vertical-align: top;
} 


/* nazev serie */
.tabulka_serie > caption {
	font-weight:normal;
}


/* Vysledky full portlet */
#vysledky_full_portlet {
}

#vysledky_full_portlet_inner_box {
}

.vysledky, .rozpis {
	margin-bottom: 30px;
}

/* ciselne polozky centrovat */
.vysledky td.vysledek {
	text-align: center;
}

.vysledky td.charakter_zapasu,
.vysledky td.datum,
.vysledky td.tabulka_team,
.vysledky td.stadion {
	text-align: left;
}

.vysledky td.tabulka_team, .rozpis td.tabulka_team {
	color: var(--puk);
	font-weight: bold;
}


/* Clanek */
#clanek_full_portlet {
	}
	
#clanek_full_portlet_inner_box {
	
}

/* Komentare */
#komentare_full_portlet_inner_box{
	
}


/* Forum*/
.temafora_text {
	color: #C8C6C7;
	margin-bottom: 10px;
}


/* zapas detail */
#zapas_tabs {
	width: 100%;
	margin-bottom: 30px;
}

/* portlet na puvodni, cca dvoutretinovou sirku */
.zapas_detail_tabulka_box .one_third {
	width: 33%; 
}

.zapas_detail_tabulka_box .two_thirds {
	width: 66%; 
}

@media (max-width: 940px) {
	.zapas_detail_tabulka_box .one_third {
		width: 100%;
		max-width: calc(940px * 0.5); 
	}

	.zapas_detail_tabulka_box .two_thirds {
		width: 100%;
		max-width: calc(940px * 0.66); 
	}
}

.zapas_detail_tabulka_box {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	min-height: 530px;
}

/* rozestupy mezi bloky s tabulkami */
.zapas_detail_tabulka_box .zapas_tabulka_box {
	margin-bottom: 30px;
}

.zapas_detail_float_tabulka_box { 
	width: 48%;
	margin-left: 2%;
	float: left;
	margin-bottom: 30px;
}

.zapas_detail_float_tabulka_box:first-child {
	width: 50%;
	margin-left: 0;
}

@media (max-width: 940px) {
	.zapas_detail_float_tabulka_box { 
		width: 100%;
		max-width: calc(940px * 0.48);
		margin-left: 0;
	}
	
	.zapas_detail_float_tabulka_box:first-child {
		width: 100%;
		max-width: calc(940px * 0.5);
		margin-left: 0;
	}	
}


/* soupisky a brankari domacich a hostu v Zapisu pod sebou pres celou sirku - vedle sebe se radky lamaly */
.zapas_detail_soupiska_box {
	margin-bottom: 30px;
}

.zapas_detail_soupiska_box .tabulka {
	width: 100%;
}

/* vsechny jednosloupcove a dvousloupcove stejen siroke */
/*jednosloupcove - default */
.zapas_detail_tabulka_box .tabulka {
	width: 100%;
}


#statickyobsah_full_portlet_inner_box {

}

/* Clanky full portlet */

h3.clanky_list_nadpis {
    font-size: 16px;
    font-weight: bold;

    padding: 0;
    margin: 0 0 5px 0;
    color: var(--puk);
}

h3.clanky_list_nadpis a {
	text-decoration: inherit;
	color: inherit;
}
h3.clanky_list_nadpis a:hover {
	text-decoration: underline;
	color: inherit;
}
.clanek_list_clanek_box {
	margin-top: 10px;
	margin-bottom: 20px;
}

.clanek_list_obrazek_box, .clanek_list_text_box {
	float: left;
	margin-right: 10px;
}

.clanek_list_text_box {
	width: 400px;
}

.clanek_list_obrazek {
	width: 110px;
}

/* Form na clanek */
/** list titulnich obrazku k vyberu */

#titulni_obrazky_box {
	
}

#titulni_obrazek_uploader,#titulni_obrazky_list_box {
	float: left;
} 

#titulni_obrazek_uploader {
	width: 150px;
}

#titulni_obrazky_list_box {
	height: 500px; 
	overflow: auto; 
	width: 750px;
}

#titulni_obrazky_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#titulni_obrazky_list > .titulniobrazek {
	display: block;
	width: 340px;
	margin-bottom: 30px;
	padding: 0;
	float: left;
}

.prenos_udalost_GOL, .prenos_udalost_DULEZITE {
	font-weight: bold;
}

#static_full_portlet_inner_box {
	padding-bottom: 30px;
}


#admin_full_portlet_inner_box {
	padding-bottom: 30px;
	min-height: 400px;
}

#ahl_promo_dekor1_image, #ahl_promo_dekor1_text {
    float: left;
    z-index: 50;
}

#ahl_promo_dekor1_image {
    margin: 5px 10px 0 5px;
    display: block;
}

#ahl_promo_dekor1_text {
    width: 1000px;
}

#ahl_promo_dekor1_heading {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--puk);
}

#soutez_promo_dekor1 {
	top: 173px;
	left: -18px;
}

#ahl_promo_dekor2, #soutez_promo_dekor2 {
    top: 69px;
    left: -18px;
}

#ahl_promo_dekor3, #soutez_promo_dekor3 {
    top: 69px;
    right: -18px;
}

#ahl_promo_dekor4, #soutez_promo_dekor4 {
    bottom: 20px; //top: 340px;
    right: -18px;
}

.viktor_cistic {
    clear: both;
}

.with_bottom_indent {
    margin-bottom: 20px;
}

.tmp_logo_soutez_list {
    width: 80px;
	border: 0;
}

.fck_generated_text a, .fck_generated_text a:hover {
	color: inherit;
	text-decoration: underline;
}

.fck_generated_text p {
	margin-bottom: 5px;
}

.filter_box {
	width: 100%;
	margin-bottom: 20px;
}

.filter_box_item {
	display: block;
	float: left;
	margin-right: 10px;
}

.filter_box_item_titulek {
	display: block;
}


/* drop-down menu styles */
.jsddm li ul {	
	position: absolute;
	visibility: hidden;
}

/* box pro input */
.admin_form_input_box {
	margin-bottom: 10px;
}

/**
 * List pro drag-and-drop pretahovani  
 */
ul.connectedSortable {
	padding: 4px;
	padding-bottom: 20px;
}

ul.droppable{
	background-image: url('img/modal-background-pixel.png');
}

.placeholder {
	background-image: url('img/decor-background-pixel.png');
	height: 1.5em; line-height: 1.2em; 
}
ul.connectedSortable li {
	cursor: move;
}


.left {
	float: left;
}

.space {
	margin-right: 15px;
}

.spacing_dole {
	margin-bottom: 15px;
}

.right {
	float: right;
}

.strong {
	font-weight: bold;
}

.not_displayed { 
	display: none;
}

.half {
	width: 50%
}

.agenda_empty {
    color: #B3B3B3; 
    font-style: italic;
    padding: 4px 0;
}

.agenda_empty a {
    color: inherit;
    text-decoration: underline;
}

/* blok pro otacitko"nahravam" */
.loader {
	display: none;
}

.loading .loader {
	display: inline;
}

.pointer {
	cursor: pointer;
}

.loading input[type="submit"], button[type="submit"]  {
	
}


/* text doplneny naseptavacem, ktery ma zustat svitit jako label */
.autocompleted {
	display: inline-block;
	border: solid 1px #57969d;
	border-radius: 3px 3px 3px 3px;
	background-color: #455f50;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 1px 2px 1px 2px;
	
}

.autocompleted span {
	vertical-align: middle;;
}

.autocompleted a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.autocompleted a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

/** portlety jsem hrac/organizator/vedouci **/
.screencast_box {
	margin-right: 20px;
	margin-bottom: 20px;
}

.logo_small_box {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: inline-block;
}

.logo_small_box img {
	margin: 0px auto;
}


/* portlet osoby */
#osoba_portlet {
    width: 100%;
    float: left;
	background-color: transparent;
}

/** Portlet se statistikou hrace */
table.statistika .stat, table.statistika .rank {
	display: block;
	cursor: help;
}


.win {
	color: #20ac20;
}

.lost {
	color: red;
}

.tie {
	color: inherit;
}

/* poradi ve statistikach */
.stat{
	font-weight: bold;
	
}
/* poradi ve statistikach */
.rank {
	color: #C8C7C7;
	font-style: italic;
	
}

/* kalendar */
.kalendar_mesice ul {
	list-style-type: none;	
}

@media (max-width: 940px) {
	.kalendar_mesice ul {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	.kalendar_mesice ul li {
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

.kalendar_mesice a {
	font-size: 16px;
	font-weight: bold;
	color: var(--okraj);
	text-decoration: none;
}

/* nazev mesice ze zprav je v 1. pade s malym pismenem (DateUtils::nazevMesice);
   jako popisek v seznamu mesicu s velkym */
.kalendar_mesice a.mesic_nazev {
	text-transform: capitalize;
}

.kalendar_mesice .mesic_aktivni, .kalendar_mesice a:HOVER  {
	color: var(--akce);	
}

.kalendar {
	float: right;
}

@media (max-width: 940px) {
	.kalendar {
		float: left;
	}
}

.kalendar .kalendar_den {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;

	font-size: 20px;
	color: #acabab;
	
	
	position: relative;
	
}

@media (max-width: 940px) {
	.kalendar .kalendar_den {
		width: 47px; /* (370 - 2x20 margin) / 7 dnu */
		height: 47px;
		line-height: 47px;
	}
}

/* mesic ma 4-6 tydnu; misto pro 6 tydnu drzi stejnou vysku kalendare pri prepinani mesicu */
#kalendar_canvas {
	min-height: 300px; /* 6 x 50px */
}

@media (max-width: 940px) {
	#kalendar_canvas {
		min-height: 282px; /* 6 x 47px */
	}
}

/* den v minulosti */
.kalendar .kalendar_den.past {
	color: #b3b3b3;
	
}


.kalendar .kalendar_den img {
	cursor: pointer;
}

.kalendar .weekend {
	background-color: #f1f1f1;
}

/* den v kalendar z predchoziho nebo nasl. mesice */
.kalendar .kalendar_den_pred_po {
	
}

/* subboxik na udalosti v ramci kalendar dne - barevne indikuje stav  celeho dne */
.kalendar .kalendar_den .den_stav {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #c3c3c3;
	color: #c3c3c3; /* text neni videt dokud neni videt dokud se nespusti trida active */	
}

.kalendar .kalendar_den.past .den_stav {
	background-color: #dcdcdc;
}

.kalendar .kalendar_den .den_stav.udalosti_stav_ano, .kalendar .kalendar_den .den_stav.zapas_stav_vyhra {
	height: 7px;
	background-color: #287a38;
	color: #287a38;
}


.kalendar .kalendar_den .den_stav.zapas_stav_remiza {
	height: 7px;
	background-color: #dfb432;
	color: #dfb432;
}

.kalendar .kalendar_den .den_stav.udalosti_stav_ne, .kalendar .kalendar_den .den_stav.udalosti_stav_nic, 
		.kalendar .kalendar_den .den_stav.udalosti_stav_mozna,
		.kalendar .kalendar_den .den_stav.zapas_stav_prohra {
	height: 7px;
	background-color: #e83135;
	color: #e83135;
}

.kalendar .kalendar_den .den_stav.udalosti_stav_ano.active, 
		.kalendar .kalendar_den .den_stav.zapas_stav_vyhra.active,
		.kalendar .kalendar_den .den_stav.zapas_stav_remiza.active,
		.kalendar .kalendar_den .den_stav.udalosti_stav_ne.active, .kalendar .kalendar_den .den_stav.udalosti_stav_nic.active, 
		.kalendar .kalendar_den .den_stav.udalosti_stav_mozna.active,
		.kalendar .kalendar_den .den_stav.zapas_stav_prohra.active {
	cursor: pointer;
	height: 50px;
	color: #FFFFFF;
}

/* nazevy dnu v tydnu */
.kalendar .mesic {
		border-collapse: collapse;
}

.kalendar .mesic_neaktivni {
	display: none;	
}

.kalendar .nazvy_dnu {
	background-color: #ffffff;
	
}

.kalendar .nazvy_dnu  .kalendar_den {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	
}

/* polozka kalendare */
.kalendar_item {
	padding: 0 6px 4px 0;
}
.kalendar_item_small {
	float: left;
	min-width: 100px;
	overflow: hidden;
	margin-right: 2em;
	
}
.kalendar_item_big {
	margin-bottom: 15px;
}

/* formatovani kalendarovych polozek */
.kalendar_datum {
	margin-right: 1em; 
	display: inline-block;	
	text-align: center;
}


.kalendar_termin {
    padding-right: 5px;
    color: #C8C7C7;
    font-style: italic;
}

.kalendar_lokalita, .kalendar_prazdny {
	color: #C8C7C7;
	font-style: italic;	
}

.kalendar_vysledek{
    padding-left: 5px;
}

.kalendar_rozhodnuti {
	font-weight: bold;
	padding-left: 5px;
}

.kalendar_rozhodnuti_nic {
	
}

.kalendar_rozhodnuti_ano {
	color: #20ac20;
}

.kalendar_rozhodnuti_ne {
	color: red;
}

.kalendar_rozhodnuti_mozna {
	color: blue;
}

.kalendar_vysledek_link, .kalendar_vysledek_link:hover  {
    font-weight: bold;
    text-decoration: none;
}
.kalendar_vysledek_link:hover {
	text-decoration: underline;
}

.kalendar_item .kalendar_klub a {
	font-weight: normal;
	text-decoration: none;
}

.kalendar_item_big .kalendar_nazev a, .kalendar_item_big .kalendar_klub a{
	color: var(--puk);
	font-weight: bold;
    text-decoration: underline;
 }

/* detail dne kalendare se otevira v tmavem jQuery UI dialogu (jQuery ho presune do body,
 * proto selektor pres .ui-dialog) - odkazy na kluby a skore bile, jinak cerna na cerne */
.ui-dialog .kalendar_den_detail a,
.ui-dialog .kalendar_den_detail a:visited,
.ui-dialog .kalendar_den_detail a:hover {
	color: #FFFFFF;
}
 
.kalendar .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 300px;
	display: none;
	background-color: #FFFFFF;
	z-index: 999;
}

.kalendar .loader.show {
	display: block;
}

.kalendar .loader .loading {
	width: 50px;
	height: 50px;
	margin-left: 150px;
	margin-top: 70px;
	
}
 

/* portlet osoby */


/**
 * Portlet s kartou hrace
 **/
#osoba_profil_portlet {
	
}

#osoba_profil_portlet caption {
	font-size: 14px;
}

#osoba_profil_portlet .osobni .item {
	border-left: solid 1px #E6E6E6;
	padding-left: 5px;
	margin-left: 5px;
}

#osoba_profil_portlet .osobni .item:nth-of-type(1) {
	border: 0;
	padding: 0;
	margin: 0;
}

#osoba_profil_portlet .prehled .prehled_sloupec {
	float: left;
	width: 40%;
	margin-right: 10%;
}

@media (max-width: 940px) {
	#osoba_profil_portlet .prehled .prehled_sloupec {
		width: 100%;
		max-width: calc(940px * 0.4);
		margin-right: 0;
	}
}

#osoba_profil_portlet .prehled .prehled_box {
	margin-bottom: 30px;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_radek {
	margin-top: 10px;
	margin-bottom: 10px;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item {
	float: left;
	width: 50px; /* TODO */
	margin-right: 10px;
	height: 50px;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item.text {
	text-align: center;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item.text .highlight {
	font-size: 18px;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item.text .highlight a,
	#osoba_profil_portlet .prehled .prehled_box .rastr_item.text .highlight a:hover {
	color: black;
	text-decoration: none;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item.text .highlight a:hover  {
	text-decoration: underline;
}


/* fotky hrace pres celou sirku karty: mrizka 6 sloupcu (na mobilu 3), stranka = 6 nahledu
 * (FotkyGenerator::generateFotkyHrace). quickPager prepina stranky pres .hide()/.show() (inline
 * display) - polozky s display:none v mrizce nejsou, zobrazene se do ni rozlozi samy. */
#osoba_profil_portlet .fotky_list_core ul#fotka_list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 14px;
}

#osoba_profil_portlet .fotky_list_core ul#fotka_list li {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
}

#osoba_profil_portlet .fotky_list_core ul#fotka_list li a {
	display: block;
}

#osoba_profil_portlet .fotky_list_core ul#fotka_list li.fotka img.fotka_thumbnail {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border: 2px solid transparent;
	border-radius: 6px;
}

#osoba_profil_portlet .fotky_list_core ul#fotka_list li.fotka img.hover {
	border-color: var(--puk);
}

/* strankovani a pocet fotek v jednom radku pod nahledy */
#osoba_profil_portlet .fotky_list_core .simplePagerContainer {
	overflow: hidden;
}

#osoba_profil_portlet .fotky_list_core ul.simplePagerNav {
	margin-right: 24px;
}

@media (max-width: 940px) {
	#osoba_profil_portlet .fotky_list_core ul#fotka_list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
	}
	#osoba_profil_portlet .fotky_list_core ul.simplePagerNav {
		margin-bottom: 6px;
	}
}

/* prehled zapasu hrace: vysledek nese stitek V / R / P (tvar a pismeno, ne barva - citelne i bez
 * barevneho videni); skore samotne neutralne, tym hrace tucne */
.gamelog .zapas_stav_vyhra,
.gamelog .zapas_stav_remiza,
.gamelog .zapas_stav_prohra {
	color: var(--puk);
}

.gamelog td.zapas_klub_cell.hracuv_tym {
	font-weight: 700;
}

.gamelog td.zapas_forma_cell {
	width: 1%;
	padding-right: 2px;
	text-align: center;
}

.gamelog .forma_stitek {
	display: inline-block;
	box-sizing: border-box;
	min-width: 20px;
	height: 20px;
	padding: 0 4px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}

.gamelog .forma_stitek:empty {
	display: none;
}

/* vyhra plna cerna, remiza plna seda, prohra jen obrys */
.gamelog .forma_stitek.forma_vyhra {
	background-color: var(--puk);
	color: #FFFFFF;
}

.gamelog .forma_stitek.forma_remiza {
	background-color: var(--okraj);
	color: var(--puk);
}

.gamelog .forma_stitek.forma_prohra {
	background-color: var(--deska);
	box-shadow: inset 0 0 0 1px var(--okraj);
	color: var(--grafit);
}

/* vetsina odkazu nevyraznych */
.data_box .tabulka a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.data_box .tabulka a:hover {
	text-decoration: underline;
}
/* zvyraznene */
.tabulka .emphasized {
	font-weight: bold;
}

.data_box .tabulka .emphasized,
.data_box .tabulka .emphasized a ,
.full_portlet .tabulka .emphasized  {
	color: var(--puk);
	font-weight: bold;
}



.data_box .tabulka caption, .data_box .tabulka caption a {
	/* color: var(--puk); */
	/* font-weight: bold;*/
	/*text-decoration: none;*/
	/*text-align: left; */
}

.data_box .tabulka caption a:HOVER {
	text-decoration: underline;;

	}
	
/**
 * taby vypadaji stejne jak captiony - jednoduche, light, taby
 **/
.caption-tab.ui-tabs .ui-tabs-nav {
	margin: 0;	
	padding: 0;
}

.caption-tab.ui-tabs .ui-tabs-nav li a {
  font-family: var(--f-display);
  font-stretch: 112%;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 4px 10px 4px 0;
  text-align: left;
  text-decoration: none;
  vertical-align: top;
}

/* default tab */
.caption-tab.ui-tabs .ui-tabs-nav .ui-state-default a, 
		.caption-tab.ui-tabs .ui-tabs-nav .ui-state-default a:hover,
		.caption-tab.ui-tabs .ui-tabs-nav .ui-state-default a:VISITED  {
	color: var(--mlha);
	text-decoration: underline;
	
}

/* aktivni tab */
.caption-tab.ui-tabs .ui-tabs-nav .ui-state-active a, 
		.caption-tab.ui-tabs .ui-tabs-nav .ui-state-active a:hover,
		.caption-tab.ui-tabs .ui-tabs-nav .ui-state-active a:VISITED {
	text-decoration: none;
	color: var(--puk);
}

/* Prvni pismeno v tabu velke */
.caption-tab.ui-tabs .ui-tabs-nav .ui-state-active a:first-letter {
    text-transform: uppercase;
}

/* nadpis sekce tabulek - stejny styl jako popisky tabulek a "Zapasy" na uvodu souteze */
/* mezery jednotne: nadpis -> fáze/stitky 6px, fáze/stitky -> tabulka 12px (jako "Zapasy") */
h2.tabulky_nadpis {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0;
}

/* nazev faze u jedine zalozky (Zakladni cast); jinak prazdny a skryty */
p.tabulky_faze {
	margin: 0 0 12px;
	color: var(--mlha);
	font-size: 13px;
}

p.tabulky_faze:empty {
	display: none;
}

/* jedina zalozka: navigace se nezobrazuje */
.tabulky_stitky.tabulky_jedna.ui-tabs .ui-tabs-nav {
	display: none;
}

/**
 * Tabulky souteze s vice skupinami a play-off (StructuredTurnajGenerator): zalozky jako
 * male stitky v radcich podle typu (Skupiny / Play-off), aktivni cerny - jako vyber soutezi
 * v Moje AHL. Odlisene od popisku tabulek (Archivo) pod nimi.
 **/
.tabulky_stitky.ui-tabs .ui-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 12px;
	padding: 0;
}

.tabulky_stitky.ui-tabs .ui-tabs-nav li {
	float: none;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	background-color: var(--led);
	box-shadow: inset 0 0 0 1px var(--mantinel);
}

/* popisek skupiny zalozek na vlastnim radku nad stitky (v uzke karte by stitky pretekaly
 * pod popisek); zlom pred popiskem neni potreba */
.tabulky_stitky.ui-tabs .ui-tabs-nav li.tabulky_stitky_zlom {
	display: none;
}

.tabulky_stitky.ui-tabs .ui-tabs-nav li.tabulky_stitky_skupina {
	flex-basis: 100%;
	margin-bottom: -2px;
	background: none;
	box-shadow: none;
	color: var(--mlha);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.tabulky_stitky.ui-tabs .ui-tabs-nav li.tabulky_stitky_skupina:not(:nth-child(2)) {
	margin-top: 6px;
}

.tabulky_stitky.ui-tabs .ui-tabs-nav li a,
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-default a:link,
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-default a:hover,
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-default a:visited {
	float: none;
	display: block;
	padding: 3px 9px;
	color: var(--puk);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	text-decoration: none;
	white-space: nowrap;
}

.tabulky_stitky.ui-tabs .ui-tabs-nav .ui-state-default:hover {
	background-color: var(--led-modry);
	box-shadow: inset 0 0 0 1px var(--puk);
}

.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-active {
	background-color: var(--akce);
	box-shadow: none;
}

/* li + :link: prebiji obecne zalozky jQuery UI (.ui-tabs ... li.ui-state-active a:link) dale v souboru */
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-active a:link,
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-active a:hover,
.tabulky_stitky.ui-tabs .ui-tabs-nav li.ui-state-active a:visited {
	color: #FFFFFF;
	font-weight: 500;
}
	
/**
 * Vyber soutezi 
 **/
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu {
	margin: 0 0 0 30%;
	padding: 0;
}

/* menu soutezi zacina nad druhou tretinou (zapasy) */
@media (min-width: 940px) {
	#osoba_profil_soutezeakluby .ui-tabs .soutez_menu {
		margin-left: calc((100% - 60px) / 3 + 30px);
	}
}

#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li {
/*	padding: 5px;*/
	display: flex;          /* zkratka a odkaz na soutez stejne vysoke */
	align-items: stretch;
	background-color: var(--led);
	box-shadow: inset 0 0 0 1px var(--mantinel);
	border-radius: 3px;
	margin-right: 10px;
	text-align: center;
}
/* aktivni zalozka: cerna, bez svetleho lemovani; deska se sipkou ma stejne zaobleni
 * a orizne se do obrysu zalozky, aby jeji ramecek nikde neprecnival */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active {
	border-radius: 3px;
	overflow: hidden;
	background-color: var(--akce);
	box-shadow: none;
} 

#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li a {
	padding: 0;
	font-size: 14px;
	text-decoration: none;
	vertical-align: top;
}

/* prepinac soutezi */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li a.soutez_swap {
	display: inline-block; 
	padding: 5px; 
	border-radius: 3px 0 0 3px;
}

/* odkaz na soutez: bila deska s chevronem, stejne vysoka jako zkratka (li je flex) */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li a.soutez_link {
	display: none;
	align-items: center;
	padding: 0 7px;
	border-radius: 0 3px 3px 0;
	background-color: var(--deska);
	color: var(--puk);
	cursor: pointer;
	border: 0;
}

#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li a.soutez_link .soutez_link_ikona {
	display: block;
	width: 10px;
	height: 10px;
}

#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link,
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link:hover {
	display: flex;
	color: var(--puk);
}

/* default tab */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-default a, 
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-default a:hover,
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-default a:VISITED {
	color: var(--puk);
	font-weight: normal;
	text-decoration: none;
}

/* aktivni tab */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a, 
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a:hover,
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a:VISITED {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

/* sipka na soutez je na bile desce - cerna i u navstiveneho odkazu a pri najeti
 * (pravidla aktivni zalozky vyse s :visited / :hover by ji jinak prebarvila na bilou) */
#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link:link,
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link:visited,
		#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link:hover {
	color: var(--puk);
	box-shadow: inset 0 0 0 1px var(--akce);
}

#osoba_profil_soutezeakluby .ui-tabs .soutez_menu li.ui-state-active a.soutez_link:hover {
	background-color: var(--led-modry);
}
	
/** vypis zapasu **/
/* zvyrazni zapasy osoby */
#osoba_profil_soutezeakluby .soutez_zapasy .emphasized  {
	
}

#osoba_profil_soutezeakluby .soutez_zapasy .emphasized .zapas_vysledek_link{
	color: var(--puk)	
}

#zapasy_tabulka_box table {
	width: 100%;
}

/* Moje souteze - zapasy v uzkem sloupci na jeden radek: logo, domaci, stred, hoste, logo (zrcadlove
 * jako dlazdice zapasu). Stred je vzdy "kdy / jak": pred zapasem datum nad casem, po zapase skore
 * nad datem, zapas z minulosti bez vysledku seda "-:-" nad datem (doc/navrhy/moje-souteze-zapasy/).
 * Cely blok vede na detail zapasu. */

/* kazdy zapas jako dlazdice na ledu (bez zebry); zvyrazneny radek (.emphasized) pozdeji prebarvi */
.tabulka.moje_zapasy tbody tr:nth-of-type(odd),
.tabulka.moje_zapasy tbody tr:nth-of-type(even) {
	background-color: var(--led);
}

table.moje_zapasy td.moje_zapas {
	padding: 6px 8px 7px;
	border-bottom: 4px solid var(--deska); /* mezera mezi zapasy, i mezi zvyraznenymi */
}

.moje_zapas_odkaz,
.moje_zapas_odkaz:visited {
	display: block;
	color: var(--puk);
	text-decoration: none;
}

.moje_zapas_odkaz:hover .moje_zapas_nazev {
	text-decoration: underline;
}

.moje_zapas_souboj {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto minmax(0, 1fr) 20px;
	align-items: center;
	column-gap: 6px;
	min-height: 36px;
	line-height: 24px;
}

/* male logo klubu ve vypisech zapasu (Moje souteze, vysledky) */
.zapas_logo_male {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
	border-radius: 3px;
}

.moje_zapas_nazev {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.moje_zapas_nazev_hoste {
	text-align: right;
}

.moje_zapas_stred {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 2px;
	line-height: 1.2;
	white-space: nowrap;
}

/* horni radek stredu: skore, "-:-" nebo den budouciho zapasu; spodni: cas nebo datum */
.moje_zapas_den {
	color: var(--grafit);
	font-size: 12px;
}

.moje_zapas_pod {
	display: flex;
	align-items: center;
	gap: 4px;
}

.moje_zapas_datum {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--mlha);
	font-size: 11px;
}

.moje_zapas_chybi,
.moje_zapas_chybi .moje_zapas_dvojtecka {
	color: var(--okraj);
}

/* budouci zapas: den a cas; zapas z minulosti bez vysledku: "-:-" a datum; behem/po zapase skore
 * a datum (zl_* prepina ZivyStavZapasu) */
.moje_zapas_budouci .moje_zapas_jen_minuly,
.moje_zapas_minuly .moje_zapas_jen_budouci,
.moje_zapas_budouci.zl_pred .moje_zapas_jen_po {
	display: none;
}

.moje_zapas_skore {
	font-family: var(--f-display);
	font-stretch: 125%;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.moje_zapas_dvojtecka {
	margin: 0 0.2em;
	color: var(--okraj);
}

.moje_zapas_cas {
	color: var(--grafit);
	font-size: 13px;
	font-weight: 600;
}

.moje_zapas_ukonceni {
	margin-left: 3px;
	color: var(--mlha);
	font-size: 11px;
}

.zl_probiha .moje_zapas_skore {
	color: var(--lampa);
}

/* lidri, zapasy a tabulky - kazda cast tretinu sirky */
#souteze_a_kluby_hrace_box > .soutez_detail_box > .data_box {
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	box-sizing: border-box;
}

#souteze_a_kluby_hrace_box > .soutez_detail_box > .data_box:nth-child(3)  {
	width: calc((100% - 60px) / 3);
	margin-right: 0;
}

@media (max-width: 940px) {
	#souteze_a_kluby_hrace_box > .soutez_detail_box > .data_box, #souteze_a_kluby_hrace_box > .soutez_detail_box > .data_box:nth-child(3)  {
		width: 100%;
		max-width: calc(940px * 0.4);
		margin-right: 30px;

	}
}



/* VYSLEDKY */

.vysledky #zapasy_tabulka_box table td {
	
}

/*termin */
.vysledky #zapasy_tabulka_box table td:nth-of-type(1) {
	text-align: left;
	width: 33%;
}

/* levy tym - domaci */
.vysledky #zapasy_tabulka_box table td:nth-of-type(2) {
	text-align: left;
	width: 22%;
}

/* score */
.vysledky #zapasy_tabulka_box table td.zapas_vysledek_cell {
	text-align: center;
	width: 22%;
}

/* pravy tym - domaci */
.vysledky #zapasy_tabulka_box table td:nth-of-type(4) {
	text-align: right;
	width: 22%;
}

/* ROZPIS */

.rozpis #zapasy_tabulka_box table td {
	width: 33%;
}

/* levy tym - domaci */
.rozpis #zapasy_tabulka_box table td:nth-of-type(2) {
	text-align: left;
	width: 30%;
}

/* pravy tym - hoste */
.rozpis #zapasy_tabulka_box table td:nth-of-type(3) {
	text-align: right;
	width: 30%;
}

/* pravy tym - domaci */
.rozpis #zapasy_tabulka_box table td.zapas_datum_cell {
	text-align: left;
	width: 40%;
}



/**
 * Personal info
 */
 
#osoba_profil_personal .personal_info_table {
	border-spacing: 5px;
}


/** Aktualne pro osobu **/
#osoba_profil_aktualne {}

#osoba_profil_aktualne .aktualne_text_list_box {
	width: 300px; 
	/* vyska se nastavuje skriptem na strance */
}

#osoba_profil_aktualne .aktualne_nazev {
	display: block;
	width: 100%;
	height: 25px;
	overflow: hidden;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
}

#osoba_profil_aktualne .aktualne_nazev a, osoba_profil_aktualne .aktualne_nazev a:HOVER {
    color: var(--puk);
    font-style: normal;
    text-decoration: none;
}

#osoba_profil_aktualne .aktualne_text {
	display: block;
	width: 100%;
	height: 16px;
	overflow: hidden;
}

/* obrazky */
#osoba_profil_aktualne .aktualne_obrazek_list_box {
	width: 300px; 
	height: 200px; 
	overflow: hidden;
	border: 1px solid #716056;
	margin-bottom: 5px;
}
#osoba_profil_aktualne .aktualne_obrazek {
	max-width: 300px;	
	border: 0;
}

.aktualne_obrazek_box a, .aktualne_obrazek_box img {
	border: 0;
}

/* text aktualne */
#osoba_profil_aktualne .datum {
	color: #2C2C2C;
	font-style: italic;	
}

/* navigacni tlacitka slideru */
#osoba_profil_aktualne .aktualne_slider_button, #osoba_profil_aktualne .paused_button, #osoba_profil_aktualne .pause_button {
    color: #D9BA59;
    display: block;
    float: left;
    font-size: larger;
    font-weight: bold;
    margin: 2px 4px;
    text-align: center;
}

/* aktivnic navigacni tlacitko */
#osoba_profil_aktualne #button_selected, #osoba_profil_aktualne .paused_button {
    color: #FFFFFF;
}

#moje_souteze_portlet {
    width: 100%;
    float: left;
	background-color: transparent;
}

#statistika_portlet {
    background-color: #919291;
    background-image: url("img/background-fotogalerie-portlet-2.png");
    background-repeat: repeat-x;
    float: left;
    width: 335px;
}


.statistika_tabulka td.tabulka_poradi {
	text-align: left;
	width: 7%;
}

.statistika_tabulka td.tabulka_jmeno {
	text-align: left;
	width: 53%;
}

.statistika_tabulka td.tabulka_tym, .statistika_tabulka td.tabulka_cislo, .statistika_tabulka td.tabulka_cislo_dulezite {
	text-align: center;
}

.statistika_tabulka td.tabulka_tym {
	width: 30%;
}

.statistika_tabulka td.tabulka_cislo_dulezite {
	/* color: var(--puk); */
	width: 10%;
	/* font-weight: bold; */
}

.soutez_klub_logo_box {
	padding: 0 24px 24px 0;
	float: left;
	width: 70px;
	height: 70px;
	border: solid 1px transparent;
	border-radius: 3px 3px 3px 3px;
}



/**
 * Pruvodce vyplnenim profilu
 **/
.pruvodce_vyplnenim_profilu .canvas {
	width: 800px;
	height: 400px;
	background-color: #000000;
	
	padding: 20px;
	margin: auto;
}

.pruvodce_vyplnenim_profilu h2{
	margin-bottom: 10px;
}

.pruvodce_vyplnenim_profilu h3 {
	font-size: 24px;
    font-weight: normal;
	margin-bottom: 10px;
}

.pruvodce_vyplnenim_profilu input[type="text"]{
	width: 200px;
}

.pruvodce_vyplnenim_profilu .hrac .jmeno {
	font-size: 140%;
	margin-bottom: 5px;
}


.pruvodce_vyplnenim_profilu .stateJsi_to_ty button, .pruvodce_vyplnenim_profilu .stateKtery_jsi_ty button,
 .pruvodce_vyplnenim_profilu .stateKde_hrajes button {
	padding: 10px 25px;
	border-radius: 3px;
	margin-right: 10px;
}

/** stav Jsi to ty - za hracem odsad pred tlacitky **/
.pruvodce_vyplnenim_profilu .stateJsi_to_ty .hrac {
	margin-top: 20px;
	margin-bottom: 20px;
}


.pruvodce_vyplnenim_profilu .statePod_jaky_jmenem_jsi_na_soupisce .inputWithButton {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pruvodce_vyplnenim_profilu .stateKtery_jsi_ty .results {
	max-height: 270px;
	overflow: auto;
	margin-bottom: 20px;
}

.pruvodce_vyplnenim_profilu .stateKtery_jsi_ty .results li{
	clear: both;
	width: 490px;
}
	
.pruvodce_vyplnenim_profilu .stateKtery_jsi_ty .results .hrac {
	width: 300px;
	padding-right: 20px;
	float: left;
}

.pruvodce_vyplnenim_profilu .stateKtery_jsi_ty .results button {
	float: left;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchBox,
	.pruvodce_vyplnenim_profilu .stateKde_hrajes .resultsBox {
	float: left;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchBox,
		.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchInpuBox {
	width: 380px;
	margin-right: 50px;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .resultsBox,
		.pruvodce_vyplnenim_profilu .stateKde_hrajes .resultsHeadingBox  {
	width: 360px;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchBox ul,
	.pruvodce_vyplnenim_profilu .stateKde_hrajes .resultsBox ul  {
	height: 240px;
	overflow: auto;
	margin-bottom: 20px;
}

.pruvodce_vyplnenim_profilu ul {
	list-style-type: none;
	list-style-position: inside;
}

.pruvodce_vyplnenim_profilu ul li {
	margin-bottom: 10px;
}

.pruvodce_vyplnenim_profilu ul li.klub-item {
	margin-left: 20px;
}

.pruvodce_vyplnenim_profilu ul.resultsList li.klub-item {
	margin-left: 0px;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .popis {
	font-size: 120%;
	width: 170px;
	padding-right: 20px;
	float: left;
	display: block;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchBox .soutez-item .popis {
	width: 190px;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .klub-item button, .pruvodce_vyplnenim_profilu .stateKde_hrajes .soutez-item button  {
	float: left;
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .potvrdVyber, .pruvodce_vyplnenim_profilu .stateKde_hrajes .searchInput {
	margin-bottom: 20px;	
}

.pruvodce_vyplnenim_profilu .stateKde_hrajes .searchInput {
	width: 352px;
}


.pruvodce_vyplnenim_profilu .hraci_pro_parovani,.pruvodce_vyplnenim_profilu .souteze_pro_parovani {
	list-style: none;
	margin-bottom: 25px;
	width: 300px;
	padding-right: 30px;
}

.pruvodce_vyplnenim_profilu .hraci_pro_parovani li,.pruvodce_vyplnenim_profilu .souteze_pro_parovani li {
	margin-bottom: 10px;
}

.pruvodce_vyplnenim_profilu .jmeno_nazev, .ac_results .jmeno_nazev {
	font-weight: bold;	
}



.pruvodce_vyplnenim_profilu h3.zvyrazneny_heading {
	margin-bottom: 20px;
}

.pruvodce_vyplnenim_profilu  h3.doplnujici_nadpis {
	margin-bottom: 10px;;
}

.pruvodce_vyplnenim_profilu  .slide_content, .pruvodce_vyplnenim_profilu .pruvodce_soutezklub_selected {
	height: 260px;;
	overflow: auto;
}

.pruvodce_vyplnenim_profilu .pruvodce_soutezklub_selected_list {
	height: 200px;
	overflow: auto;
}


.pruvodce_vyplnenim_profilu .search_result .jmeno {
	color: var(--puk);
	font-weight: bold;
	cursor: pointer;
}

.pruvodce_vyplnenim_profilu .search_result .jmeno:HOVER {
	color: var(--puk);
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.pruvodce_vyplnenim_profilu .search_result .kluby, .pruvodce_vyplnenim_profilu .search_result .popis {
	font-style: italic;
}

.pruvodce_vyplnenim_profilu .do_new_search {
	margin-top: 10px;
}



/**
 * Pruvodce vlozenim souteze
 **/
.pruvodce_vlozenim_souteze .canvas {
	width: 800px;
	height: 400px;
	background-color: #000000;
	
	padding: 20px;
	margin: auto;
}

.pruvodce_vlozenim_souteze h2 {
	margin-bottom: 10px;
}

.pruvodce_vlozenim_souteze h3 {
	font-size: 24px;
    font-weight: normal;
	margin-bottom: 10px;
}

.pruvodce_vlozenim_souteze input[type="text"]{
	width: 200px;
}

.pruvodce_vlozenim_souteze span.error {
	margin-left: 20px;
}
	
.pruvodce_vlozenim_souteze .hrac .jmeno {
	font-size: 140%;
	margin-bottom: 5px;
}


.pruvodce_vlozenim_souteze .stateZadej_soutez button, .pruvodce_vlozenim_souteze .stateZadej_kontakty button,
 .pruvodce_vlozenim_souteze .stateVyber_tymy button,
 .pruvodce_vlozenim_souteze.stateVyber_tymy.dialog button {
	padding: 10px 25px;
	border-radius: 3px;
	margin-right: 10px;
}

.pruvodce_vlozenim_souteze input[type="text"].longInput {
	width: 410px;
}

.pruvodce_vlozenim_souteze input[type="text"].shortInput {
	width: 200px;
}

.pruvodce_vlozenim_souteze label {
	display: block;
}

.pruvodce_vlozenim_souteze div.half {
	width: 200px;
	margin-right: 10px;
	float: left;
}

/** stav Zadej sout� **/
.pruvodce_vlozenim_souteze .stateZadej_soutez > form > div, .pruvodce_vlozenim_souteze .stateZadej_soutez > form > input {
	margin-bottom: 20px;
}



/** stav Vyber t�my  **/
.pruvodce_vlozenim_souteze .stateVyber_tymy .searchBox,
	.pruvodce_vlozenim_souteze .stateVyber_tymy .resultsBox {
	float: left;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .searchBox,
		.pruvodce_vlozenim_souteze .stateVyber_tymy .searchInpuBox {
	width: 380px;
	margin-right: 50px;
}

/* to stejne v ramci dialogu */
.pruvodce_vlozenim_souteze.stateVyber_tymy.dialog .searchBox {
	width: 380px;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .resultsBox,
		.pruvodce_vlozenim_souteze .stateVyber_tymy .resultsHeadingBox  {
	width: 360px;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .searchBox ul,
	.pruvodce_vlozenim_souteze .stateVyber_tymy .resultsBox ul {
	height: 240px;
	overflow: auto;
	margin-bottom: 20px;
}

/* to stejne v ramci dialogu */
.pruvodce_vlozenim_souteze.stateVyber_tymy.dialog .searchBox ul {
	height: 174px;
	overflow: auto;
	margin-bottom: 20px;
}

.pruvodce_vlozenim_souteze ul {
	list-style-type: none;
	list-style-position: inside;
}

.pruvodce_vlozenim_souteze ul li {
	margin-bottom: 10px;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .popis,
	.pruvodce_vlozenim_souteze.stateVyber_tymy.dialog .popis  {
	font-size: 120%;
	width: 160px;
	padding-right: 20px;
	float: left;
	display: block;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .searchBox .soutez-item .popis {
	width: 190px;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .klub-item button, 
	.pruvodce_vlozenim_souteze .stateVyber_tymy .soutez-item button,
	.pruvodce_vlozenim_souteze.stateVyber_tymy.dialog .soutez-item button  {
	 
	float: left;
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .potvrdVyber, .pruvodce_vlozenim_souteze .stateVyber_tymy .searchInput,
	.pruvodce_vlozenim_souteze .stateVyber_tymy .zalozSoutez,
	.pruvodce_vlozenim_souteze.stateVyber_tymy.dialog .zalozKlub{
	margin-bottom: 20px;	
}

.pruvodce_vlozenim_souteze .stateVyber_tymy .searchInput {
	width: 352px;
}



.pruvodce_vlozenim_souteze h3.zvyrazneny_heading {
	margin-bottom: 20px;
}

.pruvodce_vlozenim_souteze  h3.doplnujici_nadpis {
	margin-bottom: 10px;;
}

.pruvodce_vlozenim_souteze  .slide_content, .pruvodce_vlozenim_souteze .pruvodce_soutezklub_selected {
	height: 260px;;
	overflow: auto;
}

.pruvodce_vlozenim_souteze .pruvodce_soutezklub_selected_list {
	height: 200px;
	overflow: auto;
}


.pruvodce_vlozenim_souteze .search_result .jmeno {
	color: var(--puk);
	font-weight: bold;
	cursor: pointer;
}

.pruvodce_vlozenim_souteze .search_result .jmeno:HOVER {
	color: var(--puk);
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.pruvodce_vlozenim_souteze .search_result .kluby, .pruvodce_vlozenim_souteze .search_result .popis {
	font-style: italic;
}

.pruvodce_vlozenim_souteze .do_new_search {
	margin-top: 10px;
}


/* stateZadej_kontakty */
.pruvodce_vlozenim_souteze .stateZadej_kontakty input[type="text"] {
	margin-bottom: 20px;
}


/**
 * Navigace v administraci - dlazdice na uvodni strance 
 **/
.administrace_navigace_blok {
	float: left;
	width: 30%;	
	margin-right: 3%;
}

@media (max-width: 940px) {
	.administrace_navigace_blok {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.administrace_navigace_blok h3 {
	margin-bottom: 15px;
} 

.administrace_navigace_blok select {
	width: 90%;
}

.administrace_navigace_blok button,.administrace_navigace_blok .button {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}  


/**
 * Upozornovaci okna
 **/
.upozorneni {
	z-index: 999; 
	position: absolute;
    
    margin: 10px auto;
    padding: 30px 60px;

	background-color: #d13636;
    color: #ffffff;
    
    font-size: 16px;
    line-height:150%;
    
    border-radius: 3px;
}

.upozorneni_zprava {
    margin: 0 0 0 10px;
}

.upozorneni_zespodu {
    margin: 30px 0 0 0;
}

.upozorneni_sipka {
	background-image: url("img/upozorneni-sipka-nahoru.png");
	width: 26px;
	height: 14px;
	position: absolute;
}

.sipka_leva {
	top: 3px;
	left: -6px;
}

.sipka_nahore {
	top: -14px;
	right: 30px;
}


.upozorneni_zavrit {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}


/** 
 * vrstva, ktera prekryje celou plochu rodice pro informaci o nacitani
 */
.loading_modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	color: white;
	z-index: 9999;
	
	text-align: center;
}

.loading_modal img.loading {
	margin-top: 55px;
	width: 40px;
}

/**
 * Modalni okno pro zobrazeni loaderu
 **/
.loading_modal_canvas {
	width: 80px;
	height: 80px;
	background-color: transparent;
	
	padding: 20px;
	margin: auto;
}


/**
 * Banner zapasu
 */

.zapasy_banner_zapas td {
	padding: 0px;
} 

.zapasy_banner_zapas a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.zapasy_banner_zapas a:hover {
    text-decoration: underline;
}

.zapasy_banner_zapas .zapas_logo  {
	padding-right: 5px;
}

.zapasy_banner_zapas .zapas_logo img {
	max-width: 20px;
	max-height: 20px;
}
 
.zapasy_banner_zapas .zapas_tym {
	padding-right: 10px;
}

.zapasy_banner_zapas .zapas_score {
}

.zapasy_banner_zapas .zapas_stadion {
	padding-left: 10px;
}

.zapasy_banner_zapas .zapas_prubeh {
	padding-left: 10px;
}

.zapasy_banner_zapas .zapas_prubeh .prubeh_odehrano, .zapasy_banner_zapas .zapas_prubeh .prubeh_neodehrano {
	color: #b3b3b3;
}

.zapasy_banner_zapas .zapas_prubeh .prubeh_probiha {
	font-weight: bold;
}



/**
 * Input s navazanym tlacitkem
 **/
 
.inputWithButton {
	line-height: 35px;
}

/* input */
.inputWithButton input {
	/*font-size: 16px;
    font-weight: bold; */
    min-height: 35px; 
}

/* text pro zadani emailu */
.inputWithButton input[type="text"] {
    border-color: #b3b3b5;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    min-height: 35px;
    /* min-width: 300px; 
    
    width: 300px; */
    border-bottom-left-radius: 3px; 
    border-top-left-radius: 3px;
}

/*submit - odeslani dat */
.inputWithButton input[type="submit"], .inputWithButton input[type="button"], .inputWithButton button {
    box-sizing: content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing: content-box; /* Safari */
	background-color: #D73737;
    border: 1px solid #D84444;
    /* font-size: 16px; 
    font-weight: bold; */
    min-height: 35px;
    padding: 0 10px;
    
    border-bottom-right-radius: 3px; 
    border-top-right-radius: 3px;
}


/* Pekny velky kulaty input */
input.ainput {
	border-color: #b3b3b5;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    min-height: 35px;
    /* min-width: 300px; 
    
    width: 300px; */
    border-radius: 3px;
}

/* druh� mod�ln� dialog - oproti primarnimu musi byt svetlejsi 
 * .ul-dialog je definovan v jquery-ui
 */
.ui-dialog.second-ui-dialog {
	background-color: #262626;
}

/** Klikateln� ��dak tabulky funguj�c� p�es JS jako odkaz */
.clickable-row {
	cursor: pointer;
}
	
/**
 * Validacni chyby
 **/
 
input.error {
	border: solid 1px red;
}

span.error, div.error, label.error {
	color: red;
}	

/** Obecne -- pro vyhry, prohry, remizy, bilanci */
/* identita 2026: zelena a zluta nejsou v palete - vyhra puk, remiza mlha; prohry si
 * dosavadni cervenou ponechavaji (manual, kap. 3 pravidlo 3) */
.pozitivni {
	color: var(--puk);
}

.neutralni {
	color: var(--mlha);
}

.negativni {
	color: #e83135;
}


.rekordy_third_box {
	float: left; 
	width: 30%; 
	margin-right: 3%;
	margin-bottom: 40px;
}

@media (max-width: 940px) {
	.rekordy_third_box {
		width: 100%;
		max-width: calc(940px * 0.3); 
	}	
}


/* Moje AHL: karta hrace stejne vysoka jako kalendar, tlacitka na jejim spodnim okraji */
.ahl_karty #muj_profil_osobni_a_kalendar {
	align-items: stretch;
}
#muj_profil_osobni_a_kalendar > .portlet:nth-child(1) {
	display: flex;
	flex-direction: column;
}
#muj_profil_osobni_a_kalendar > .portlet:nth-child(1) > .portlet_inner_box {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
#osoba_profil_personal {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
#osoba_profil_personal .hrac_akce {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 16px;
}
/* <button> a <a class="button"> stejne velke (button nededi pismo) */
#osoba_profil_personal .hrac_akce .button {
	margin: 0;
	font: inherit;
	font-size: 14px;
	line-height: 20px;
}

/* kalendar: tlacitka na spodnim okraji karty, ve stejne vysce jako tlacitka karty hrace */
@media (min-width: 940px) {
	#muj_profil_osobni_a_kalendar > .portlet:nth-child(2) {
		display: flex;
		flex-direction: column;
	}
	#muj_profil_osobni_a_kalendar > .portlet:nth-child(2) > .portlet_inner_box {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
	}
	#muj_profil_osobni_a_kalendar .kalendar_rozvrzeni {
		display: grid;
		flex: 1 1 auto;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto 1fr;
	}
	#muj_profil_osobni_a_kalendar .kalendar_rozvrzeni > .viktor_cistic {
		display: none;
	}
	#muj_profil_osobni_a_kalendar .kalendar_rozvrzeni > h2 {
		grid-column: 1;
		grid-row: 1;
	}
	#muj_profil_osobni_a_kalendar .kalendar_ovladani {
		display: flex;
		flex-direction: column;
		grid-column: 1;
		grid-row: 2;
		margin-bottom: 0 !important;
	}
	#muj_profil_osobni_a_kalendar .kalendar_tlacitka {
		margin-top: auto !important;
		padding-top: 16px;
	}
	#muj_profil_osobni_a_kalendar .kalendar {
		grid-column: 2;
		grid-row: 1 / span 2;
		justify-self: end;
	}
}


table.sortable_table th.ascending::after { content: "▾"; }
table.sortable_table th.descending::after { content: "▴"; }
table.sortable_table th {
	text-decoration: underline;
}


/* --- Follow tlačítko (lightweight sledování hráče) --- */
.follow-form {
	display: inline-block;
	margin: 0 0 15px 0;
}
/* "Sleduji" - odkaz na Moje AHL (tam lze sledování zrušit) */
.follow-button.is-following {
}

/* --- Moje AHL: levý portlet (sledovaný hráč, živý/příští a poslední zápas) ---
 * Zápasové boxy přebírají rastr z karty hráče (#osoba_profil_portlet .prehled_box). */
#osoba_profil_personal .hrac_hlavicka {
	display: flex;
	align-items: center;
	gap: 10px;
}
#osoba_profil_personal .hrac_avatar {
	display: block;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border: 1px solid var(--mantinel);
	border-radius: 50%;
	object-fit: cover;
}
/* jmeno hrace je nadpis karty - Archivo jako nadpisy sekci (Kalendar), bez verzalek kvuli delce */
#osoba_profil_personal h2.hrac_nadpis {
	margin: 0;
	padding: 0;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
}
#osoba_profil_personal h2.hrac_nadpis a {
	color: var(--puk);
	text-decoration: none;
}
#osoba_profil_personal h2.hrac_nadpis a:hover {
	text-decoration: underline;
}

/* --- Moje AHL: wizard "Upravit sledování" (strom soutěž -> kluby) ---
 * Navazuje na tmavý jQuery UI dialog a typografii původního průvodce
 * (.pruvodce_vyplnenim_profilu): větší písmo, vzdušné řádky, velká tlačítka. */
.upravit-sledovani h3.upravit-sledovani-popis {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #ccc;
}
.upravit-sledovani .sledovani-strom,
.upravit-sledovani .sledovani-kluby {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* výšku seznamu dopočítává JS podle okna; fallback pro prohlížeče bez JS */
.upravit-sledovani .sledovani-strom {
	max-height: 60vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.upravit-sledovani .sledovani-soutez {
	padding: 10px 0;
}
.upravit-sledovani .sledovani-soutez:last-child {
	
}
/* kluby odsazené pod názvem soutěže (o šířku loga + mezeru) */
.upravit-sledovani .sledovani-kluby {
	padding-left: 42px;
}
.upravit-sledovani .sledovani-radek {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 4px 6px 4px 0;
}
.upravit-sledovani .sledovani-logo {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	object-fit: contain;
	background: #fff;
	border-radius: 4px;
	
	box-sizing: border-box;
}
.upravit-sledovani .sledovani-klub .sledovani-logo {
	width: 28px;
	height: 28px;
}
.upravit-sledovani .sledovani-logo-prazdne {
	display: inline-block;
	background: #333;
}
.upravit-sledovani .sledovani-text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 8px;
}
.upravit-sledovani .sledovani-nazev {
	font-size: 120%;
	color: #fff;
}
.upravit-sledovani .sledovani-soutez > .sledovani-radek .sledovani-nazev {
	font-weight: bold;
}
.upravit-sledovani .sledovani-rocnik {
	color: #999;
	font-size: 12px;
}

/* toggle: skrytý checkbox + tlačítko Sledovat (šedé) / Sleduji (zelené) */
.upravit-sledovani .sledovani-toggle {
	position: relative;
	flex: 0 0 auto;
	cursor: pointer;
}
.upravit-sledovani .sledovani-toggle input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}
.upravit-sledovani .sledovani-toggle-btn {
	display: inline-block;
	min-width: 90px;
	padding: 7px 10px;
	border: 1px solid #555;
	border-radius: 3px;
	background: #3a3a3a;
	color: #ccc;
	text-align: center;
	white-space: nowrap;
}
.upravit-sledovani .sledovani-toggle-on {
	display: none;
}
.upravit-sledovani .sledovani-toggle input:checked + .sledovani-toggle-btn {
	background: #2e7d32;
	border-color: #2e7d32;
	color: #fff;
}
.upravit-sledovani .sledovani-toggle input:checked + .sledovani-toggle-btn .sledovani-toggle-on {
	display: inline;
}
.upravit-sledovani .sledovani-toggle input:checked + .sledovani-toggle-btn .sledovani-toggle-off {
	display: none;
}
.upravit-sledovani .sledovani-toggle input:focus-visible + .sledovani-toggle-btn {
	outline: 2px solid #888;
	outline-offset: 1px;
}
.upravit-sledovani p.upravit-sledovani-vliv {
	margin: -8px 0 15px 0;
	color: #aaa;
	font-size: 14px;
	line-height: 1.45;
}
.upravit-sledovani .sledovani-toggle input[disabled] + .sledovani-toggle-btn {
	opacity: 0.35;
	cursor: not-allowed;
}
.upravit-sledovani .sledovani-prazdne {
	font-size: 120%;
}
/* vlevo Zahodit (zrusi celou Moje AHL), vpravo Ulozit */
.upravit-sledovani .upravit-sledovani-akce {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
}
.upravit-sledovani .upravit-sledovani-akce form {
	margin: 0;
}
/* zápas jako kompaktní dlaždice: hlavička (stav vlevo, sledovaný hráč vpravo) a souboj
 * logo – zkratka – termín/skóre – zkratka – logo. Skóre stejné .skore_box jako výpisy zápasů.
 * Celý box vede na detail zápasu (odkaz .zapas_stred roztažený přes box). */
/* stejna dlazdice i v prehledu karty hrace (pristi / posledni zapas) */
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_box {
	position: relative;
	margin-top: 12px;
	padding: 12px 14px;
	border-radius: 8px;
	background-color: var(--led);
	transition: background-color 0.12s ease;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_box:hover {
	background-color: var(--led-hover);
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hlavicka,
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_paticka {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hlavicka {
	min-height: 20px;
	margin-bottom: 10px;
	color: var(--mlha);
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hlavicka h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
/* statistika / soupiska sledovaného hráče */
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hrac {
	color: var(--puk);
	font-size: 13px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hrac .zl_jen_pred,
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_hrac_mimo {
	color: var(--mlha);
	font-weight: 400;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_paticka {
	color: var(--grafit);
	font-size: 13px;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_souboj {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	column-gap: 8px;
}
/* tým na jednom řádku: logo + zkratka, hosté zrcadlově (logo u vnějšího okraje) */
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_tym {
	display: flex;
	align-items: center;
	gap: 8px;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_tym:last-child {
	flex-direction: row-reverse;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_logo {
	display: block;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	object-fit: contain;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_tym_nazev {
	color: var(--puk);
}
/* stred ma vysku radku se skore a datem (skore 19 px + termin 13 px, ~42 px), aby dlazdice
 * pred zapasem (stadion + termin) a po nem byly stejne vysoke; obsah svisle na stred */
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) a.zapas_stred {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	max-width: 110px;
	line-height: 1.3;
	color: var(--puk);
	text-align: center;
	text-decoration: none;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) a.zapas_stred::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) a.zapas_stred .skore_box {
	font-size: 19px;
	line-height: 1.3;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_stadion {
	color: var(--mlha);
	font-size: 11px;
}
:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_termin {
	color: var(--grafit);
	font-size: 13px;
}
@media (max-width: 940px) {
	:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_logo {
		width: 30px;
		height: 30px;
	}
	:is(#osoba_profil_personal, #osoba_profil_portlet .prehled) .zapas_termin {
		font-size: 12px;
	}
}


/* =========================================================
 * VIZUALNI IDENTITA 2026 - sekce stranek (soutez, aktualne, paticka)
 * Drzi se na konci souboru, aby prebila starsi pravidla se stejnou specificitou.
 * ========================================================= */

/* --- hlavicka souteze: nazev je nadpis stranky, menu je lista zalozek --- */
#soutez_promo_portlet {
	border-bottom: 1px solid var(--mantinel);
}

/* logo a blok s nazvem+menu vedle sebe, menu sedi na spodni lince hlavicky */
#soutez_promo_portlet .portlet_inner_box {
	display: flex;
	align-items: flex-end;
	gap: 28px;
}

#soutez_promo_portlet .portlet_inner_box > .left {
	float: none;
	flex: 1 1 auto;
	min-width: 0;
}

#soutez_promo_portlet .portlet_inner_box > .viktor_cistic {
	display: none;
}

#soutez_promo_logo_box {
	float: none;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	margin: 0 0 14px 0;
}

#soutez_promo_logo {
	max-width: 88px;
	max-height: 88px;
}

@media (max-width: 940px) {
	#soutez_promo_logo_box {
		display: none;
	}
}

#soutez_promo_text {
	margin-top: 4px;
	margin-bottom: 10px;
}

h2#soutez_promo_heading {
	margin: 0 auto 0 0;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: clamp(20px, 1.2vw + 12px, 26px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: uppercase;
	text-wrap: balance;
}

#soutez_promo_heading a, #soutez_promo_heading a:hover {
	margin: 0;
	color: var(--puk);
	font-weight: 700;
}

.soutez_menu_item, .klub_menu_item {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-right: 22px;
}

.soutez_menu_item_link, .klub_menu_item_link,
.soutez_menu_item_link_homepage, .klub_menu_item_link_homepage {
	padding: 8px 0 10px;
	border-top: 0;
	border-bottom: 3px solid transparent;
}

.soutez_menu_item_link:hover, .klub_menu_item_link:hover {
	border-top: 0;
	border-bottom-color: var(--okraj);
}

.soutez_menu_item_link_active, .soutez_menu_item_link_active:hover,
.klub_menu_item_link_active, .klub_menu_item_link_active:hover {
	border-top: 0;
	border-bottom-color: var(--akce);
}

/* --- hlavicka sekce: nadpis vlevo, odkaz "vice" vpravo --- */
.sekce_hlavicka {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 20px;
	margin-bottom: 16px;
}

.sekce_hlavicka h2.portlet_header {
	margin: 0;
	padding: 0;
}

/* --- odkaz "vice" (Vsechny vysledky, Cela tabulka, Dalsi clanky) - navigace, ne hlavni akce --- */
.vice_link, .vice_link:visited {
	display: inline-block;
	color: var(--puk);
	font-weight: 700;
	font-size: 15px;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	white-space: nowrap;
}

.vice_link::after {
	content: "\00a0\2192";
}

.vice_link:hover {
	text-decoration-thickness: 2px;
}

.doplnujici_links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	margin-top: 12px;
}

/* --- vypis zapasu: linky misto zebry, stadion na jeden radek, loga stejne velka --- */
#zapasy_portlet .tabulka tbody tr:nth-of-type(odd),
#zapasy_portlet .tabulka tbody tr:nth-of-type(even) {
	background-color: transparent;
}

#zapasy_portlet .tabulka tbody tr.hovered {
	background-color: var(--led);
}

#zapasy_portlet .tabulka td {
	padding: 10px 6px;
	border-bottom: 1px solid var(--mantinel);
}

#zapasy_portlet .tabulka tbody tr:first-child td {
	border-top: 1px solid var(--mantinel);
}

#zapasy_portlet .tabulka td img {
	height: 36px;
	object-fit: contain;
}

#zapasy_portlet .tabulka td a {
	color: var(--puk);
	text-decoration: none;
}

#zapasy_portlet .tabulka td .local_nadpis_link {
	font-weight: 600;
	text-decoration: none;
}

#zapasy_portlet .tabulka td .local_nadpis_link:hover {
	text-decoration: underline;
}

@media (min-width: 940px) {
	span.zapas_stadion.show_if_large {
		display: block;
		max-width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px;
		color: var(--mlha);
	}
}

/* --- aktualne: mrizka karet pres celou sirku --- */
.aktualne_mrizka {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 24px 20px;
}

.aktualne_portlet_mrizka .aktualne_dlazdice {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
}

.aktualne_portlet_mrizka .aktualne_dlazdice > .viktor_cistic {
	display: none;
}

.aktualne_portlet_mrizka .aktualne_obrazek_box,
.aktualne_portlet_mrizka .aktualne_text_box {
	float: none;
	width: auto;
	min-width: 0;
	max-width: none;
	padding: 0;
}

.aktualne_portlet_mrizka .aktualne_obrazek_box {
	aspect-ratio: 16 / 10;
	min-height: 0;
	max-height: none;
	margin-bottom: 12px;
	border-radius: 6px;
	background-color: var(--led);
	overflow: hidden;
}

.aktualne_portlet_mrizka .aktualne_obrazek_box a {
	display: block;
	height: 100%;
}

/* font-size: 0 schova alt text nenactenych obrazku - misto nej zustane plocha ledu */
.aktualne_portlet_mrizka .aktualne_obrazek_box .aktualne_obrazek {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border: 0;
	font-size: 0;
}

.aktualne_portlet_mrizka h3.aktualne_nazev {
	font-size: 17px;
	line-height: 1.25;
	text-wrap: balance;
}

.aktualne_portlet_mrizka .aktualne_text {
	max-height: 4.5em;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--grafit);
}

.aktualne_portlet_mrizka .aktualne_datum {
	font-size: 13px;
	color: var(--mlha);
}

.aktualne_reklama:empty {
	display: none;
}

/* uzky displej: karta jako radek s malym nahledem vlevo, at seznam nezabira nekolik obrazovek */
@media (max-width: 560px) {
	.aktualne_mrizka {
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.aktualne_portlet_mrizka .aktualne_dlazdice {
		flex-direction: row;
		gap: 14px;
	}
	.aktualne_portlet_mrizka .aktualne_obrazek_box {
		flex: 0 0 104px;
		height: 78px;
		aspect-ratio: auto;
		margin-bottom: 0;
	}
	.aktualne_portlet_mrizka .aktualne_text_box {
		flex: 1 1 auto;
	}
	.aktualne_portlet_mrizka h3.aktualne_nazev {
		font-size: 16px;
	}
	.aktualne_portlet_mrizka .aktualne_text {
		display: none;
	}
}

/* --- paticka: logo a odkazy v radku --- */
.ahl_paticka_obsah {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 32px;
}

.ahl_paticka_obsah > a {
	line-height: 0;
}

.ahl_paticka_obsah .ahl_paticka_logo {
	margin-bottom: 0;
}

.ahl_paticka ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
}

/* odkaz v popisku tabulky (napr. "Kanadske bodovani") ma vypadat jako popisek, ne jako odkaz v radku */
.tabulka caption a, .data_box .tabulka caption a,
.tabulka caption a:visited, .data_box .tabulka caption a:visited {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}

@media (max-width: 940px) {
	/* menu souteze na mobilu: jeden radek posuvny do strany misto zalamovani do nekolika radku */
	.soutez_menu_list, .klub_menu_list {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.soutez_menu_list::-webkit-scrollbar, .klub_menu_list::-webkit-scrollbar {
		display: none;
	}
	.soutez_menu_item, .klub_menu_item {
		float: none;
		flex: 0 0 auto;
		padding-right: 18px;
	}

	/* vypis zapasu se na 375px vejde: mensi loga a uzsi bunky (inline sirka loga 40px v sablonach) */
	#zapasy_portlet .tabulka td {
		padding: 8px 3px;
	}
	#zapasy_portlet .tabulka td img {
		width: 28px !important;
		height: 28px;
	}
	/* termin zapasu (prostredni sloupec) mensim pismem - zalomi se nejvys na dva radky */
	#zapasy_portlet .tabulka td:nth-child(3) > a {
		font-size: 12px;
	}
}


/* =========================================================
 * STRANKA SOUTEZE - karty na ledu (jako uvodni stranka)
 * Sekce nejsou na jednom listu oddelene linkami, ale jako samostatne karty;
 * zapasy jsou dlazdice vysledkove tabule misto radku tabulky.
 * ========================================================= */
#portlet_box:has(.ahl_karty) {
	background-color: transparent;
	border: 0;
	overflow: visible;
}

#portlet_box:has(.ahl_karty) .ahl_paticka {
	border: 1px solid var(--mantinel);
	border-radius: 10px;
	margin-top: 4px;
}

.ahl_karty .portlet_panel {
	float: none;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 16px;
}

.ahl_karty .portlet_panel > .viktor_cistic {
	display: none;
}

.ahl_karty .portlet_panel > .portlet {
	float: none;
	box-sizing: border-box;
	min-width: 0;          /* sirka obsahu (siroka tabulka) nesmi roztahnout kartu */
	overflow-x: auto;      /* siroke tabulky (soupiska, statistiky) se na mobilu posouvaji uvnitr karty */
	background-color: var(--deska);
	border: 1px solid var(--mantinel);
	border-radius: 10px;
}

.ahl_karty .portlet_panel > .portlet .portlet_inner_box {
	margin: 0;
	padding: 22px 24px;
}

/* zapasy (2/3) a tabulka (1/3) vedle sebe, na mobilu pod sebou */
.ahl_karty .portlet_panel.cols_66_34 > .portlet:nth-child(1) {
	width: auto;
	max-width: none;
	flex: 2 1 520px;
}

.ahl_karty .portlet_panel.cols_66_34 > .portlet:nth-child(2) {
	width: auto;
	max-width: none;
	flex: 1 1 260px;
}

.ahl_karty .portlet_panel.cols_100 > .portlet {
	width: 100%;
}

/* zkracene zahlavi sloupce (napr. Team -> T) se zobrazuje jen v uzke verzi, viz karta hrace */
.tabulka .hlavicka_kratka {
	display: none;
}

/* vnorene karty (karta hrace na strance souteze/klubu): obal karet neni .portlet, jako flex polozka
 * by mel jen sirku obsahu - napr. hrac bez pristiho zapasu by mel kartu na pul sirky */
.ahl_karty .portlet_panel > .ahl_karty {
	width: 100%;
}

/* 1/3 + 2/3 (Moje AHL: hrac a kalendar) */
.ahl_karty .portlet_panel.cols_33_67 > .portlet:nth-child(1) {
	width: auto;
	max-width: none;
	flex: 1 1 280px;
}

.ahl_karty .portlet_panel.cols_33_67 > .portlet:nth-child(2) {
	width: auto;
	max-width: none;
	flex: 2 1 520px;
}

/* reklamni pruh: bez reklamy ma nulovou vysku a nepridava mezeru; s reklamou si odstup drzi obsah */
.ahl_karty .portlet_panel:has(> #reklama_box_1) {
	margin-bottom: 0;
}

.ahl_karty #reklama_box_1 {
	padding: 0 !important; /* prebiji inline padding ze sablony */
	background-color: transparent;
	border: 0;
}

.ahl_karty #reklama_box_1 > * {
	margin-bottom: 16px;
}

.ahl_karty #osoba_profil_soutezeakluby {
	margin-bottom: 0 !important; /* prebiji inline margin ze sablony */
}

/* hlavicka souteze jako karta: podtrzeni aktivni zalozky sedi na spodnim okraji karty */
.ahl_karty #soutez_promo_portlet .portlet_inner_box {
	padding-bottom: 0;
}

/* --- zapasy jako dlazdice vysledkove tabule ---
 * stranky souteze a klubu (.ahl_karty) a vypisy z vice soutezi (.zapasy_dlazdice);
 * export zustava u radku tabulky */
#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide,
#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody {
	display: block;
	width: 100%;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide caption {
	display: block;
	margin-bottom: 12px;
	padding: 0;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tr {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 116px minmax(0, 1fr) 40px;
	align-items: center;
	column-gap: 12px;
	margin-bottom: 8px;
	padding: 12px 14px;
	border-radius: 8px;
	background-color: var(--led);
	transition: background-color 0.12s ease;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody tr:nth-of-type(odd),
#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody tr:nth-of-type(even) {
	background-color: var(--led);
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody tr.hovered {
	background-color: var(--led-hover);
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td {
	display: block;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	border: 0 !important;
	vertical-align: middle !important;
	line-height: 1.35;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td img {
	width: 40px !important;
	height: 40px;
	object-fit: contain;
	border-radius: 0 !important;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td:nth-child(3) {
	text-align: center;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td:nth-child(3) > a {
	font-size: 13px;
	color: var(--grafit);
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide .skore_box {
	min-width: 34px;
	font-size: 20px;
	line-height: 1.45;
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide .skore_box.skore_box_spojene {
	min-width: 60px;
}

@media (max-width: 940px) {
	.ahl_karty .portlet_panel > .portlet {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}
	.ahl_karty .portlet_panel > .portlet .portlet_inner_box {
		padding: 18px 16px;
	}
	.ahl_karty .portlet_panel.cols_66_34 > .portlet:nth-child(1),
	.ahl_karty .portlet_panel.cols_66_34 > .portlet:nth-child(2),
	.ahl_karty .portlet_panel.cols_33_67 > .portlet:nth-child(1),
	.ahl_karty .portlet_panel.cols_33_67 > .portlet:nth-child(2) {
		flex: 1 1 100%;
	}
	#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tr {
		grid-template-columns: 30px minmax(0, 1fr) 70px minmax(0, 1fr) 30px;
		column-gap: 6px;
		padding: 10px 8px;
	}
	#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td img {
		width: 30px !important;
		height: 30px;
	}
	#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide td:nth-child(3) > a {
		font-size: 12px;
	}
	#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide .skore_box.skore_box_spojene {
		min-width: 52px;
		font-size: 18px;
	}
}

/* --- clanky: obrazek a titulek, bez perexu (zpravodajsky dojem) --- */
.aktualne_portlet_mrizka .aktualne_text {
	display: none;
}

.aktualne_portlet_mrizka .aktualne_obrazek_box {
	border-radius: 8px;
}

@media (max-width: 940px) {
	/* paticka na mobilu od kraje ke kraji jako ostatni karty */
	#portlet_box:has(.ahl_karty) .ahl_paticka,
	#central_bordered_box.uvodni_banner .ahl_paticka {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}
}


/* =========================================================
 * PODSTRANKY SOUTEZE v kartach (internal-2panel-karty-layout.tpl)
 * ========================================================= */
.ahl_karty .portlet_panel > .portlet.two_thirds_portlet,
.ahl_karty .portlet_panel > .portlet.full_portlet {
	width: 100%;
}

/* vypisy zapasu klubu a vice soutezi (bez karet): dlazdice pres celou sirku jako na strankach souteze */
.portlet.two_thirds_portlet.zapasy_dlazdice {
	width: 100%;
	max-width: none;
}

.ahl_karty .portlet_panel > .portlet .full_portlet_inner_box {
	margin: 0;
	padding: 22px 24px;
}

.ahl_karty h2.portlet_header.full_portlet {
	padding-top: 0;
	padding-bottom: 12px;
}

@media (max-width: 940px) {
	.ahl_karty .portlet_panel > .portlet .full_portlet_inner_box {
		padding: 18px 16px;
	}
}

/* --- vysledky a rozpis: tydny jako mezititulky, zapasy jako dlazdice (domaci - skore/cas - hoste) --- */
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis),
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody {
	display: block;
	width: 100% !important;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) thead {
	display: none;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek_separator {
	display: block;
	background-color: transparent;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_separator {
	display: block;
	padding: 18px 0 8px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--grafit);
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek_separator:first-child td.tabulka_separator {
	padding-top: 4px;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_separator strong {
	font-weight: inherit;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek {
	display: grid;
	/* pevne sloupce (krome tymu 1fr): skore je ve vsech dlazdicich pod sebou */
	grid-template-columns: 70px minmax(0, 1fr) 96px minmax(0, 1fr) 150px 96px 20px;
	/* druhy radek jen pro statistiku sledovaneho hrace; bez ni ma nulovou vysku */
	grid-template-areas:
		"datum domaci vysledek hoste stadion faze video"
		".     statd  .        stath .       .    .";
	align-items: center;
	column-gap: 12px;
	margin-bottom: 6px;
	padding: 10px 14px;
	border-radius: 8px;
	background-color: var(--led);
	cursor: pointer;
	transition: background-color 0.12s ease;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek.hovered {
	background-color: var(--led-hover);
}

/* zapas sledovaneho klubu: podbarveni ledem z loga a rovny grafitovy prouzek vlevo (jako Moje AHL);
 * levy okraj bez zaobleni, aby proužek nebyl zahnuty */
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek.emphasized {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--led-modry);
	box-shadow: inset 3px 0 0 var(--grafit);
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek.emphasized > td:first-child {
	box-shadow: none; /* obecny prouzek tabulek je tu na cele dlazdici */
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek td {
	display: block;
	padding: 0;
	min-width: 0;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.datum { grid-area: datum; font-size: 13px; color: var(--mlha); }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(2) { grid-area: domaci; text-align: right; }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(3) { grid-area: hoste; text-align: left; }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.stadion { grid-area: stadion; font-size: 13px; color: var(--mlha); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.charakter_zapasu { grid-area: faze; font-size: 13px; color: var(--mlha); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.vysledek:nth-child(6) { grid-area: vysledek; text-align: center; }
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.vysledek:nth-child(7) { grid-area: video; text-align: center; }

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team a {
	color: var(--puk);
	font-weight: 600;
	text-decoration: none;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team a:hover {
	text-decoration: underline;
}

/* rozpis: uprostred cas zapasu (odkaz na detail), v poslednim sloupci rozhodci */
/* vsechny sloupce pevne (krome tymu 1fr), aby cas a ostatni sloupce byly ve vsech dlazdicich
 * pod sebou - kazda dlazdice je samostatna mrizka, sloupec podle obsahu by ji posunul */
:is(.ahl_karty, .zapasy_dlazdice) table.rozpis tbody tr.tabulka_radek {
	grid-template-columns: 70px minmax(0, 1fr) 96px minmax(0, 1fr) 130px 96px 120px;
}

/* rozpis bez zadanych rozhodcich: sloupec rozhodcich nezabira misto */
:is(.ahl_karty, .zapasy_dlazdice) table.rozpis:not(:has(td.rozhodci:not(:empty))) tbody tr.tabulka_radek {
	grid-template-columns: 70px minmax(0, 1fr) 96px minmax(0, 1fr) 150px 96px 0;
}

:is(.ahl_karty, .zapasy_dlazdice) table.rozpis td.cas { grid-area: vysledek; text-align: center; }
:is(.ahl_karty, .zapasy_dlazdice) table.rozpis td.rozhodci { grid-area: video; font-size: 13px; color: var(--mlha); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* cas neni skore: Barlow v grafitu (jako termin na dlazdicich uvodu souteze) a ikona hodin;
 * Archivo tucne v cerne zustava vyhrazene skore */
:is(.ahl_karty, .zapasy_dlazdice) table.rozpis a.rozpis_cas_link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--grafit);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* nazev tymu normalnim rezem i u ucastnika zadaneho textem (bez odkazu) */
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team {
	font-weight: 400;
}

:is(.ahl_karty, .zapasy_dlazdice) table.rozpis .rozpis_cas_ikona {
	display: block;
	flex: 0 0 auto;
	width: 12px;
	height: 12px;
}

:is(.ahl_karty, .zapasy_dlazdice) table.rozpis a.rozpis_cas_link:hover {
	text-decoration: underline;
}

/* nazev tymu s logem u skore (domaci: nazev logo, hoste: logo nazev) */
.vysledky_tym {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	vertical-align: middle;
}

.vysledky_tym .zapas_logo_male {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

/* statistika sledovaneho hrace pod nazvem tymu */
.vysledky_hrac {
	display: block;
	color: var(--grafit);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
}

/* statistika sledovaneho hrace (vysledky, vypis zapasu, Moje AHL, karta hrace): bily stitek s jemnym
 * ramem jako skore a plna hvezda - stejny symbol jako tlacitko Sledovat. Bez barvy (barva patri
 * soutezim a tymum, cervena jen "zive"). Navrh: doc/navrhy/statistika-sledovaneho-hrace/ */
.hrac_stat {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0 8px;
	border-radius: 999px;
	background-color: var(--deska);
	box-shadow: inset 0 0 0 1px var(--okraj);
	color: var(--puk);
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

:root {
	/* hvezda sledovaneho hrace (stejny symbol jako tlacitko Sledovat) */
	--hvezda-maska: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .8l1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 9l-3.2 1.7.6-3.6L.8 4.6l3.6-.5z'/%3E%3C/svg%3E");
}

.hrac_stat::before {
	content: "";
	flex: none;
	width: 11px;
	height: 11px;
	background-color: var(--grafit);
	-webkit-mask: var(--hvezda-maska) center / contain no-repeat;
	mask: var(--hvezda-maska) center / contain no-repeat;
}

/* vypis zapasu (uvod souteze a klubu): stitek pod nazvem tymu */
.zapasy_hrac {
	margin-top: 2px;
}

/* stitek na karte nesledovaneho hrace: bez hvezdy (hvezda = sledovany hrac, viz manual, kapitola 3,
 * Zvyrazneni sledovaneho) */
.hrac_stat.bez_hvezdy::before {
	display: none;
}

/* vypis zapasu (uvod souteze a klubu): zapas tymu sledovaneho hrace podbarveny s prouzkem vlevo
 * jako zapasy sledovanych klubu ve vysledcich */
#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody tr.emphasized {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--led-modry);
	box-shadow: inset 3px 0 0 var(--grafit);
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide tbody tr.emphasized > td:first-child {
	box-shadow: none; /* obecny prouzek tabulek je tu na cele dlazdici */
}

/* uzky sloupec tymu na mobilu (~87 px na 375 px): uspornejsi stitek, aby se vesel i brankar
 * "25 SF, 92%"; kdyby presto nestacil, zalomi se za carkou uvnitr stitku, nepretece pres logo */
@media (max-width: 940px) {
	.hrac_stat {
		box-sizing: border-box;
		max-width: 100%;
		gap: 3px;
		padding: 0 6px;
		border-radius: 9px;
		white-space: normal;
	}
}

/* bunka tymu se v mrizce dlazdice "rozpusti": nazev s logem zustava v prvnim radku na ose se
 * skore, statistika jde do druheho radku pod nazev - nazev pri ni neodskakuje nahoru */
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek td.tabulka_team {
	display: contents;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team > .vysledky_tym {
	min-width: 0;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(2) > .vysledky_tym {
	grid-area: domaci;
	justify-self: end;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(3) > .vysledky_tym {
	grid-area: hoste;
	justify-self: start;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team > .vysledky_hrac {
	margin-top: 1px;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(2) > .vysledky_hrac {
	grid-area: statd;
	padding-right: 32px; /* zarovnat s nazvem, ne s logem */
	text-align: right;
}

:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(3) > .vysledky_hrac {
	grid-area: stath;
	padding-left: 32px;
	text-align: left;
}

/* desktop: maji-li vysledky statistiku sledovaneho hrace, je stitek ve vlastnim sloupci mezi hosty
 * a stadionem (misto druheho radku pod tymem); obe strany do stejneho sloupce - hrac hraje za jeden
 * tym. Bez sledovaneho hrace zustava puvodni rozvrzeni. */
@media (min-width: 940px) {
	:is(.ahl_karty, .zapasy_dlazdice) table.vysledky:has(.vysledky_hrac) tbody tr.tabulka_radek {
		grid-template-columns: 70px minmax(0, 1fr) 96px minmax(0, 1fr) 116px 140px 96px 20px;
		grid-template-areas: "datum domaci vysledek hoste hrac stadion faze video";
	}
	:is(.ahl_karty, .zapasy_dlazdice) table.vysledky:has(.vysledky_hrac) td.tabulka_team:nth-child(2) > .vysledky_hrac,
	:is(.ahl_karty, .zapasy_dlazdice) table.vysledky:has(.vysledky_hrac) td.tabulka_team:nth-child(3) > .vysledky_hrac {
		grid-area: hrac;
		margin: 0;
		padding: 0;
		text-align: left;
	}
}

/* skore jako pilulka vysledkove tabule */
:is(.ahl_karty, .zapasy_dlazdice) table.vysledky a.zapas_vysledek_link {
	display: inline-block;
	min-width: 52px;
	padding: 2px 8px 1px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: var(--puk);
	color: #FFFFFF;
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky a.zapas_vysledek_link:hover {
	background-color: var(--akce);
	color: #FFFFFF;
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky tr.zl_probiha a.zapas_vysledek_link {
	background-color: var(--lampa);
}

@media (max-width: 940px) {
	:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) tbody tr.tabulka_radek {
		grid-template-columns: 44px minmax(0, 1fr) 80px minmax(0, 1fr) 14px;
		grid-template-areas:
			"datum domaci vysledek hoste video"
			".     statd  .        stath .";
		column-gap: 6px;
		padding: 9px 8px;
	}
	/* rozpis ma na desktopu vlastni sloupce (rozhodci) - na mobilu stejne jako vysledky,
	 * cas ma pevnou sirku, aby byl ve vsech dlazdicich pod sebou */
	:is(.ahl_karty, .zapasy_dlazdice) table.rozpis tbody tr.tabulka_radek,
	:is(.ahl_karty, .zapasy_dlazdice) table.rozpis:not(:has(td.rozhodci:not(:empty))) tbody tr.tabulka_radek {
		grid-template-columns: 44px minmax(0, 1fr) 80px minmax(0, 1fr) 0;
	}
	:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.show_if_large {
		display: none !important;
	}
	:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.datum {
		font-size: 12px;
	}
	.vysledky_tym {
		gap: 6px;
	}
	.vysledky_tym .zapas_logo_male {
		width: 20px;
		height: 20px;
	}
	/* uzky sloupec tymu: stitek statistiky bez odsazeni (zacina pod logem), aby se vesel na jeden radek */
	:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(2) > .vysledky_hrac {
		padding-right: 0;
	}
	:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team:nth-child(3) > .vysledky_hrac {
		padding-left: 0;
	}
	:is(.ahl_karty, .zapasy_dlazdice) table.vysledky a.zapas_vysledek_link {
		min-width: 46px;
		padding: 2px 4px 1px;
		font-size: 14px;
	}
}


/* =========================================================
 * DETAIL ZAPASU - vysledkova tabule (zapas-detail-layout.tpl)
 * ========================================================= */
.zapas_meta {
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--mlha);
}

.zapas_tabule {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 22px 24px;
	border-radius: 10px;
	background-color: var(--led);
}

.zapas_tabule_tym {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	min-width: 0;
	text-align: center;
}

.zapas_tabule_logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: var(--logo-plate);
}

.zapas_tabule_logo img {
	width: 100% !important; /* sablona loga ma inline sirku */
	height: 100%;
	object-fit: contain;
	border-radius: 0 !important;
}

.zapas_tabule_nazev {
	max-width: 100%;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	overflow-wrap: anywhere;
	color: var(--puk);
}

.zapas_tabule_nazev a {
	color: inherit;
	text-decoration: none;
}

.zapas_tabule_stred {
	text-align: center;
}

.zapas_tabule_skore {
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 52px;
	font-weight: 800;
	line-height: 1;
	color: var(--puk);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.zapas_tabule_dvojtecka {
	margin: 0 0.18em;
	color: var(--okraj);
}

.zapas_tabule_ukonceni {
	margin-top: 6px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--grafit);
}

.zapas_tabule_ukonceni:empty {
	display: none;
}

.zapas_tabule_tretiny {
	margin-top: 8px;
	font-size: 14px;
	color: var(--mlha);
	font-variant-numeric: tabular-nums;
}

/* zivy zapas - skore sviti jako lampa (tridu zl_probiha prepina ZivyStavZapasu) */
.zapas_tabule.zl_probiha:not(.zl_dohrano) .zapas_tabule_skore {
	color: var(--lampa);
}

.zapas_tabule_zive {
	margin-top: 8px;
}

@media (max-width: 940px) {
	.zapas_tabule {
		gap: 8px;
		padding: 16px 10px;
	}
	.zapas_tabule_logo {
		width: 60px;
		height: 60px;
		padding: 5px;
	}
	.zapas_tabule_nazev {
		font-size: 12px;
	}
	.zapas_tabule_skore {
		font-size: 34px;
	}
	.zapas_tabule_tretiny {
		font-size: 12px;
	}
}

/* zalozky Zapis / Video / Reportaz a tabulky v karte */
#zapas_tabs {
	margin-top: 18px;
	padding-top: 0 !important;
}

.zapas_detail_tabulka_box {
	min-height: 0;
}

/* odkazy na hrace v tabulkach v kartach: polotucne bez podtrzeni (mene "novinove") */
.ahl_karty .tabulka a.local_nadpis_link,
.ahl_karty .tabulka a.local_nadpis_link:visited {
	font-weight: 600;
	text-decoration: none;
}

.ahl_karty .tabulka a.local_nadpis_link:hover {
	text-decoration: underline;
}

/* zalozky jQuery UI: tema jquery-ui-1.7.3.custom.css (nacita se az po main-*.css) barvi aktivni
 * zalozku cervene - prebito vyssi specificitou: aktivni cerna, ostatni tlumene, bez podtrzeni */
.ui-tabs .ui-tabs-nav li.ui-state-default a,
.ui-tabs .ui-tabs-nav li.ui-state-default a:link,
.ui-tabs .ui-tabs-nav li.ui-state-default a:visited {
	color: var(--mlha);
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-state-active a:link,
.ui-tabs .ui-tabs-nav li.ui-state-active a:visited {
	color: var(--puk);
	text-decoration: none;
}

/* Zapis / Video / Reportaz jako lista zalozek (stejne jako menu souteze) */
#zapas_tabs > ul.ui-tabs-nav {
	display: flex;
	gap: 22px;
	margin: 0 0 18px;
	padding: 0;
	border-bottom: 1px solid var(--mantinel);
}

#zapas_tabs > ul.ui-tabs-nav li {
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

#zapas_tabs > ul.ui-tabs-nav li a {
	display: inline-block;
	padding: 6px 0 9px;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
	font-family: var(--f-cond);
	font-stretch: 100%;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

#zapas_tabs > ul.ui-tabs-nav li.ui-state-active a {
	border-bottom-color: var(--akce);
}

/* skript sablony vyrovnava vysku zalozek (setEqualHeight) - pevna vyska nechavala pod obsahem prazdne misto */
#zapas_tabs > div.zapas_detail_tabulka_box {
	height: auto !important;
	margin-bottom: 0;
}

#zapas_tabs {
	margin-bottom: 0;
}


/* =========================================================
 * TYMY SOUTEZE - detail tymu (ucastnici-souteze-ucastnik.tpl)
 * ========================================================= */
.tym_hlavicka {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 18px;
}

.tym_hlavicka_logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: var(--led);
}

.tym_hlavicka_logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.tym_hlavicka_logo .ahl_team_tile_avatar {
	width: 72px;
	height: 72px;
}

.tym_hlavicka_text {
	min-width: 0;
}

h3.tym_hlavicka_nazev {
	margin: 0 0 10px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
}

.tym_fakta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
}

.tym_fakt {
	display: flex;
	flex-direction: column;
	min-width: 0;
	max-width: 100%;
}

.tym_fakt b {
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

.tym_fakt span {
	font-size: 13px;
	color: var(--mlha);
	overflow-wrap: anywhere;
}

/* nadpis sekce uvnitr karty (napr. Soupiska) - stejny styl jako popisek tabulky */
h3.sekce_nadpis {
	margin: 22px 0 6px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}

#detail-tymu .note {
	color: var(--mlha);
}

/* aktivni (zobrazeny) tym v dlazdicich - zvyrazneni jako hover */
.ahl_team_tile:hover {
	border-color: var(--akce);
	box-shadow: inset 0 0 0 1px var(--akce);
	transform: none;
}

@media (max-width: 940px) {
	.tym_hlavicka {
		gap: 14px;
	}
	.tym_hlavicka_logo {
		width: 64px;
		height: 64px;
		padding: 5px;
	}
	h3.tym_hlavicka_nazev {
		font-size: 18px;
	}
	.tym_fakt b {
		font-size: 18px;
	}
}


/* =========================================================
 * KLIDNEJSI TABULKY A SKORE (barevne vyvazeni, 2026-10-27)
 * - skore bez cerne vyplne, jen pismo tabule
 * - mene tucneho textu: odkazy v tabulkach stredni rez, zvyraznene radky podbarvene
 * - loga tymu v tabulkach poradi
 * ========================================================= */

/* --- skore ve vypisech zapasu: text misto cernych boxu --- */
.skore_box {
	min-width: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	color: var(--puk);
	font-weight: 700;
}

.skore_box.skore_box_domaci {
	margin-right: 0;
}

.skore_box.skore_box_domaci::after {
	content: ":";
	margin: 0 0.3em;
	color: var(--okraj);
}

.skore_box.skore_box_spojene {
	min-width: 0;
}

.zl_probiha .skore_box {
	background-color: transparent;
	color: var(--lampa);
}

#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide .skore_box,
#portlet_box :is(.ahl_karty, .zapasy_dlazdice) table.zapasy_wide .skore_box.skore_box_spojene {
	min-width: 0;
	font-size: 19px;
}

/* vysledky: skore jako svetly stitek s jemnym ramem */
:is(.ahl_karty, .zapasy_dlazdice) table.vysledky a.zapas_vysledek_link {
	background-color: var(--deska);
	color: var(--puk);
	box-shadow: inset 0 0 0 1px var(--mantinel);
	font-weight: 700;
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky a.zapas_vysledek_link:hover {
	background-color: var(--deska);
	color: var(--akce);
	box-shadow: inset 0 0 0 1px var(--akce);
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky tr.zl_probiha a.zapas_vysledek_link {
	background-color: var(--deska);
	color: var(--lampa);
	box-shadow: inset 0 0 0 1px var(--lampa);
}

/* --- mene tucneho textu v tabulkach --- */
.tabulka a.local_nadpis_link,
.tabulka a.local_nadpis_link:visited,
.ahl_karty .tabulka a.local_nadpis_link,
.ahl_karty .tabulka a.local_nadpis_link:visited,
#zapasy_portlet .tabulka td .local_nadpis_link,
:is(.ahl_karty, .zapasy_dlazdice) :is(table.vysledky, table.rozpis) td.tabulka_team a {
	font-weight: 400;
	text-decoration: none;
}

.tabulka a.local_nadpis_link:hover {
	text-decoration: underline;
}

td.tabulka_portlet_tabulka_cislo {
	font-weight: 500;
}

.tabulka_portlet_tabulka_cislo > em,
.tabulka td.tabulka_body {
	font-weight: 700;
}

/* zvyrazneny radek (tym sledovaneho hrace, jeho zapasy): podbarveni misto tucneho pisma */
.tabulka .emphasized,
.data_box .tabulka .emphasized,
.data_box .tabulka .emphasized a,
.full_portlet .tabulka .emphasized {
	font-weight: inherit;
}

.tabulka tbody tr.emphasized,
.tabulka tbody tr.emphasized:nth-of-type(odd),
.tabulka tbody tr.emphasized:nth-of-type(even) {
	background-color: var(--led-modry);
}

.tabulka tbody tr.emphasized > td:first-child {
	box-shadow: inset 3px 0 0 var(--grafit);
}

/* --- loga tymu v tabulkach poradi --- */
.tabulka_tym_logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: middle;
}

.tabulka_tym_logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 4px;
}

/* logo je absolutne v levem okraji bunky - dlouhy nazev se zalomi pod sebe, ne pod logo */
.tabulka td.tabulka_portlet_tabulka_klub, .tabulka td.tabulka_team_full {
	position: relative;
	padding-left: 42px;
}

.tabulka td.tabulka_portlet_tabulka_klub .tabulka_tym_logo, .tabulka td.tabulka_team_full .tabulka_tym_logo {
	position: absolute;
	left: 8px;
	top: 50%;
	margin: -12px 0 0;
}

.tabulka td.tabulka_portlet_tabulka_poradi,
.tabulka td.tabulka_portlet_tabulka_klub,
.tabulka td.tabulka_portlet_tabulka_cislo {
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
}

/* serie play-off v portletu: tucne jen tym, ktery v serii vede (nazev i pocet vyher) */
.tabulka.playoff_serie td.tabulka_portlet_tabulka_cislo > em {
	font-weight: 500;
}

.tabulka.playoff_serie tr.serie_vede td.tabulka_portlet_tabulka_klub a,
.tabulka.playoff_serie tr.serie_vede td.tabulka_portlet_tabulka_cislo > em {
	font-weight: 700;
}

/* portlet tabulky: poradi a body jen tak siroke jako obsah, logo hned za poradim,
 * kratky nazev tymu na jeden radek (pripadne zkraceny trema teckami) */
.tabulka td.tabulka_portlet_tabulka_poradi {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	padding-left: 8px;
	padding-right: 0;
	font-variant-numeric: tabular-nums;
}

.tabulka td.tabulka_portlet_tabulka_klub {
	width: auto;
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tabulka td.tabulka_portlet_tabulka_cislo {
	width: 1%;
	white-space: nowrap;
	padding-right: 8px;
	font-variant-numeric: tabular-nums;
}


/* =========================================================
 * AKCENT SOUTEZE (SoutezExInfo.akcent, sql/1793129265-soutez-akcent.sql)
 * Promenna --soutez-akcent je nastavena inline jen na hlavicce souteze nebo klubu (KlubExInfo.akcent)
 * a pouziva se vylucne na dvou mistech: prouzek nahore a aktivni zalozka.
 * ========================================================= */
#soutez_promo_portlet {
	--soutez-akcent: var(--puk);
}

.ahl_karty #soutez_promo_portlet {
	background-color: var(--deska); /* id pravidlo #soutez_promo_portlet nastavuje transparent */
	box-shadow: inset 0 4px 0 var(--soutez-akcent);
}

#soutez_promo_portlet .soutez_menu_item_link_active,
#soutez_promo_portlet .soutez_menu_item_link_active:hover {
	border-bottom-color: var(--soutez-akcent);
}

@media (max-width: 940px) {
	.ahl_karty #soutez_promo_portlet {
		box-shadow: inset 0 3px 0 var(--soutez-akcent);
	}
}

/* vzorek akcentu v administraci (profil souteze) */
.akcent_vzorek {
	display: inline-block;
	width: 48px;
	height: 16px;
	border-radius: 3px;
	background-color: var(--soutez-akcent, var(--grafit));
	vertical-align: middle;
}

.akcent_napoveda {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--mlha);
}


/* =========================================================
 * HLAVICKA WEBU - inverzni (puk): cerna lista, bile logo s cervenou teckou,
 * obrysove pilulky s pruhlednym bilym obrysem
 * ========================================================= */
#header_box {
	background-color: var(--puk);
	color: #FFFFFF;
	border-bottom-color: var(--puk);
}

#login_box .emphasiszed_1,
#login_box .emphasiszed_2 {
	color: #FFFFFF;
}

#login_box .emphasiszed_2 {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

#login_box .emphasiszed_2:hover {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 0 1px #FFFFFF;
}

/* fokus z klavesnice na cerne liste - bily ramecek misto cerneho */
#header_box a:focus-visible,
#header_box button:focus-visible,
#header_box input:focus-visible,
#header_box .button:focus-visible {
	outline-color: #FFFFFF;
}

/* pruvodce zalozenim uctu se rozbaluje v cerne liste: plne tlacitko bile, zruseni svetle */
#account_confirmation_box input[type="submit"] {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: var(--puk);
}

#account_confirmation_box .cancel_upgrade_box a.cancel_upgrade_wizard {
	color: rgba(255, 255, 255, 0.7);
}

#account_confirmation_box .cancel_upgrade_box a.cancel_upgrade_wizard:hover,
#account_confirmation_box .state_2_container a {
	color: #FFFFFF;
}


/* =========================================================
 * PLNY VYPIS TABULEK (/tabulky/): typografie jako v portletu tabulek a vysledcich
 * - nazvy fazi (Play-off, Zakladni cast) jako popisky tabulek (Archivo 17 px, verzalky)
 * - nazvy serii podrizene (Barlow 12 px, verzalky, mlha) - jako popisky skupin stitku
 * - tymy s logem, tucne jen body a tym, ktery v serii vede
 * ========================================================= */
.tabulka_playoff > caption,
.tabulka_tymu > caption {
	margin: 0;
	padding: 0 0 12px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	text-transform: uppercase;
}

.tabulka.tabulka_tymu {
	width: 100%;
}

/* zahlavi sloupcu: male popisky, ne dalsi text tabulky */
.tabulka.tabulka_tymu thead th {
	padding-bottom: 6px;
	color: var(--mlha);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.tabulka.tabulka_tymu thead th.tabulka_team,
.tabulka.tabulka_tymu thead th.tabulka_poradi {
	text-align: left;
}

/* zahlavi "Team" nad nazvem, ne nad logem (logo je v levem odsazeni bunky, 42 px) */
.tabulka.tabulka_tymu thead th.tabulka_team_full {
	padding-left: 42px;
}

/* desktop: ciselne sloupce pevne siroke, aby tabulky skupin pod sebou mely sloupce zarovnane
 * (jinak se sirky pocitaji podle delky nazvu tymu v kazde tabulce zvlast) */
@media (min-width: 940px) {
	.tabulka.tabulka_tymu:not(.tabulka_serie) {
		table-layout: fixed;
	}
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_poradi { width: 36px; }
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_zapasy,
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_vyhry,
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_prodlouzeni,
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_remizy,
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_prohry { width: 64px; }
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_bilance { width: 100px; }
	.tabulka.tabulka_tymu:not(.tabulka_serie) .tabulka_body { width: 56px; }
}

/* vyber rocniku nad tabulkami */
.tabulky_rocnik {
	margin-bottom: 18px;
}

.tabulka.tabulka_tymu td {
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
	font-variant-numeric: tabular-nums;
}

.tabulka.tabulka_tymu td.tabulka_poradi {
	width: 1%;
	white-space: nowrap;
}

.tabulka.tabulka_tymu td.tabulka_team a {
	color: var(--puk);
	font-weight: 400;
	text-decoration: none;
}

.tabulka.tabulka_tymu td.tabulka_team a:hover {
	text-decoration: underline;
}

.tabulka.tabulka_tymu td.tabulka_body {
	font-weight: 700;
}

/* serie play-off; strom se na uzkem displeji posouva do strany uvnitr sebe */
.playoff_strom {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* urovne stromu (predkolo, semifinale, finale) svisle na stred - serie navazuji jako v pavouku */
.tabulka_playoff td.playoff_uroven {
	vertical-align: middle;
}

.playoff_serie_box {
	width: 180px;
	margin: 0 20px 28px 0;
}

.tabulka.tabulka_serie {
	width: 100%;
}

.tabulka_serie > caption {
	padding: 0 0 6px;
	color: var(--mlha);
	font-family: inherit;
	font-stretch: normal;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.tabulka.tabulka_serie td.tabulka_team {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.tabulka.tabulka_serie td.tabulka_team .tabulka_tym_logo {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.tabulka.tabulka_serie td.tabulka_vysledek {
	width: 1%;
	font-weight: 500;
	text-align: right;
}

.tabulka.tabulka_serie tr.serie_vede td.tabulka_team a,
.tabulka.tabulka_serie tr.serie_vede td.tabulka_vysledek {
	font-weight: 700;
}

/* vysledky zapasu serie: male a sede, odkazy bez podtrzeni */
.tabulka.tabulka_serie tr.serie_zapasy td {
	padding-top: 4px;
	color: var(--mlha);
	font-size: 12px;
}

.tabulka.tabulka_serie tr.serie_zapasy a.doplnujici_link,
.tabulka.tabulka_serie tr.serie_zapasy a.doplnujici_link:visited {
	color: var(--grafit);
	font-weight: 400;
	text-decoration: none;
}

.tabulka.tabulka_serie tr.serie_zapasy a.doplnujici_link:hover {
	text-decoration: underline;
}

.tabulka_serie tbody tr.serie_zapasy,
.tabulka_serie tbody tr.serie_zapasy:nth-of-type(odd) {
	background-color: transparent;
}


/* =========================================================
 * STATISTIKY (hraci, brankari, kluby, historicke; soutez, klub i fan - #tabulka_statistiky)
 * radky prostornejsi - stejne svisle odsazeni jako tabulky poradi (7 px)
 * ========================================================= */
#tabulka_statistiky td {
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
	font-variant-numeric: tabular-nums;
}

#tabulka_statistiky thead th {
	padding-bottom: 8px;
	vertical-align: bottom;
}



/* =========================================================
 * KARTA HRACE (hrac/?hracid=...) - typografie a komponenty identity 2026
 * ========================================================= */

/* nadpisy sekci (Sezona, Kariera, Statistika, Rozpad podle souperu, Prehled zapasu) jako
 * popisky tabulek - Archivo 17 px, verzalky */
#osoba_profil_portlet .prehled_box > h3,
#osoba_profil_portlet .infoset > h3 {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}

/* popisky tabulek uvnitr sekci (Statistika brankare, Zapasy brankare) podrizene nadpisu sekce */
#osoba_profil_portlet .infoset caption {
	padding: 0 0 6px;
	color: var(--mlha);
	font-family: inherit;
	font-stretch: normal;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* klicova cisla sezony a kariery jako fakta v hlavicce tymu: Archivo 125 %, popisek maly sedy */
#osoba_profil_portlet .prehled .prehled_box .rastr_item.text {
	height: auto;
	min-height: 50px;
	color: var(--mlha);
	font-size: 12px;
	line-height: 1.25;
}

#osoba_profil_portlet .prehled .prehled_box .rastr_item.text .highlight {
	display: inline-block;
	margin-bottom: 2px;
	color: var(--puk);
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}

/* dlazdice zapasu v prehledu - dva sloupce jako sezona / kariera */
#osoba_profil_portlet .prehled .zapas_box {
	margin: 0 0 12px;
}

/* karty na ledu: ostatni sekce (fotky, statistika, rozpad, zapasy) jako samostatne karty pres celou
 * sirku. Uvodni karta podle dulezitosti: 1. jmeno s cislem dresu, osobni udaje a sledovani (fotka jen
 * maly doplnek, kdyz ji hrac ma), 2. posledni a pristi zapas, 3. kariera a aktualni sezona. */
.osoba_identita {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}

.osoba_foto {
	flex: 0 0 auto;
}

.osoba_foto img {
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid var(--mantinel);
	border-radius: 50%;
	object-fit: cover;
}

/* maly nahled je odkaz na velkou fotku - lupa v rohu a kurzor zoom-in */
a.osoba_foto {
	position: relative;
	display: block;
	cursor: zoom-in;
}

a.osoba_foto:hover img {
	border-color: var(--puk);
}

.osoba_foto_lupa {
	position: absolute;
	right: -2px;
	bottom: -2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--puk);
	color: #FFFFFF;
	box-shadow: 0 0 0 2px var(--deska);
}

.osoba_foto_lupa svg {
	display: block;
	width: 11px;
	height: 11px;
}

/* velky nahled fotky (identifikace hrace) */
dialog.osoba_foto_dialog {
	/* vycentrovani - globalni reset rusi vychozi margin: auto dialogu */
	position: fixed;
	inset: 0;
	margin: auto;
	box-sizing: border-box;
	max-width: min(90vw, 640px);
	max-height: 90vh;
	padding: 12px;
	border: 0;
	border-radius: 10px;
	background-color: var(--deska);
	color: var(--puk);
	overflow: visible;
}

dialog.osoba_foto_dialog::backdrop {
	background-color: rgba(18, 20, 23, 0.8);
}

/* fotky hracu maji nejvys 130 x 170 px (limit uploadu, config.inc.php) - zvetseni ~3x, aby byl
 * oblicej poznat; ostrejsi obraz by vyzadoval vetsi limit uploadu */
dialog.osoba_foto_dialog img {
	display: block;
	width: min(80vw, 390px);
	height: auto;
	max-width: 100%;
	max-height: calc(90vh - 80px);
	margin: 0 auto;
	border-radius: 6px;
	object-fit: contain;
}

.osoba_foto_popisek {
	margin: 10px 0 0;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.osoba_foto_zavrit_form {
	position: absolute;
	top: -14px;
	right: -14px;
	margin: 0;
}

button.osoba_foto_zavrit {
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 50%;
	background-color: var(--puk);
	box-shadow: 0 0 0 2px var(--deska);
	color: #FFFFFF;
	font-size: 20px;
	line-height: 32px;
	cursor: pointer;
}

button.osoba_foto_zavrit:hover {
	background-color: var(--grafit);
	color: #FFFFFF;
}

.osoba_identita_text {
	flex: 1 1 auto;
	min-width: 0;
}

.osoba_identita_text h2.portlet_header {
	margin: 0 0 4px;
	padding: 0;
}

#osoba_profil_portlet .osobni {
	margin-bottom: 0;
	color: var(--grafit);
}

.osoba_sledovani {
	flex: 0 0 auto;
}

.osoba_sledovani .item {
	margin: 0;
	padding: 0;
	border: 0;
}

/* posledni a pristi zapas vedle sebe, na uzkem displeji pod sebou; nejvys dva sloupce (min. pulka
 * sirky) a auto-fill drzi i prazdny sloupec - samotny zapas (hrac bez pristiho) se neroztahne */
.osoba_zapasy {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(280px, calc((100% - 16px) / 2)), 1fr));
	gap: 12px 16px;
	margin-bottom: 24px;
}

.osoba_zapasy:not(:has(.zapas_box)) {
	display: none;
}

/* kariera jako pruh faktu pres celou sirku karty (jako cisla v hlavicce tymu): cisla rovnomerne,
 * svisle oddelovace, trofeje na konci pruhu */
#osoba_profil_portlet .osoba_kariera {
	margin-bottom: 24px;
}

/* pruh jako ledova plocha (jako dlazdice zapasu nad nim) misto vodorovnych linek */
.osoba_kariera_pruh {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 16px 8px;
	border-radius: 8px;
	background-color: var(--led);
}

.osoba_fakt {
	flex: 1 1 0;
	min-width: 80px;
	padding: 0 12px;
	border-left: 1px solid var(--mantinel);
	text-align: center;
}

.osoba_fakt:first-child {
	border-left: 0;
}

.osoba_fakt b {
	display: block;
	color: var(--puk);
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.15;
	font-variant-numeric: tabular-nums;
}

.osoba_fakt span {
	display: block;
	margin-top: 2px;
	color: var(--mlha);
	font-size: 12px;
	line-height: 1.25;
}

/* trofeje na konci pruhu kariery (bunka se skryje, kdyz hrac zadne nema): ikony 40 px s vetsi
 * roztecí, aby se odznaky poctu neprekryvaly se sousedni ikonou */
.osoba_fakt.osoba_trofeje {
	flex: 2 1 auto;
	display: flex;
	justify-content: center;
}

.osoba_trofeje:not(:has(.cena)) {
	display: none;
}

#osoba_profil_portlet .osoba_trofeje #osoba_profil_trofeje {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 20px;
	margin: 0;
	padding: 4px 0;
	overflow: visible !important;
}

#osoba_profil_portlet .osoba_trofeje #osoba_profil_trofeje > .viktor_cistic {
	display: none;
}

#osoba_profil_portlet .osoba_trofeje .cena.rastr_item {
	position: relative;
	float: none;
	width: 40px;
	height: 40px;
	margin: 0;
}

#osoba_profil_portlet .osoba_trofeje .cena_ikona {
	display: block;
	width: 40px !important;
	height: 40px;
	cursor: help;
}

/* odznak poctu udeleni mensi a mirne vysunuty z rohu ikony */
#osoba_profil_portlet .osoba_trofeje .pocet_udeleni {
	left: -4px !important;
	bottom: -4px !important;
	min-width: 18px;
	height: 18px;
	box-sizing: border-box;
	padding: 0 4px !important;
	border-radius: 9px !important;
	box-shadow: 0 0 0 2px var(--led);
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

/* aktualni sezona: souteze vedle sebe */
.osoba_sezona_souteze {
	display: flex;
	flex-wrap: wrap;
	gap: 0 48px;
	margin-bottom: 4px;
}

#osoba_profil_portlet .osoba_sezona_souteze .rastr_radek {
	margin: 0 0 10px;
}

@media (max-width: 940px) {
	/* trofeje na mobilu pod cisly, ve stejne plose */
	.osoba_fakt.osoba_trofeje {
		flex-basis: 100%;
		margin-top: 14px;
		border-left: 0;
	}
	/* ctyri cisla se na 375 px vejdou do jednoho radku */
	.osoba_fakt {
		min-width: 0;
		padding: 0 4px;
	}
	.osoba_fakt b {
		font-size: 20px;
	}
}

#osoba_profil_portlet .osoba_zapasy .prehled_sloupec {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
}

#osoba_profil_portlet .osoba_zapasy .zapas_box,
#osoba_profil_portlet .osoba_sezona.prehled_box {
	margin: 0;
}

/* vedlejsi akce na konci karty - tise, ne tucne */
.osoba_chyba {
	margin-top: 8px;
	font-size: 12px;
	text-align: right;
}

.osoba_chyba a.local_nadpis_link,
.osoba_chyba a.local_nadpis_link:visited {
	color: var(--mlha);
	font-weight: 400;
	text-decoration: underline;
}

#osoba_profil_portlet .prehled .prehled_box {
	margin-bottom: 24px;
}

/* v karte konci obsah bez spodnich okraju - odsazeni dava karta (zalozky statistiky maji inline
 * margin-bottom 20px, prepinac seznamu 20px) */
#osoba_profil_portlet #statistika_tabs > div {
	margin-bottom: 0 !important;
}

#osoba_profil_portlet .infoset .button.seznam_prepinac {
	margin-bottom: 0;
}

#osoba_profil_portlet .infoset > :last-child,
#osoba_profil_portlet .infoset .tabulka:last-child {
	margin-bottom: 0;
}

/* prehled zapasu se nacita dodatecne - misto 800 px (inline) jen rozumna vyska pro "nahravam" */
#osoba_profil_portlet #gamelog_container {
	min-height: 120px !important;
}

/* export (iframe na webu partnera, bez ramu stranky #portlet_box): karty od kraje ke kraji jako
 * na mobilu - bez bocniho ramecku a zaobleni, jinak by se ramecek dotykal okraje iframu */
.osoba_karty:not(#portlet_box .osoba_karty) .portlet_panel {
	margin-bottom: 0;
}

/* export ma bile pozadi (ne led) - sekce oddeluje jedna linka misto dvou ramecku s mezerou */
.osoba_karty:not(#portlet_box .osoba_karty) .portlet_panel > .portlet {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

/* hrac bez fotek - karta fotek se nezobrazi */
.osoba_karta_fotky:not(:has(#fotka_list li)) {
	display: none;
}

@media (max-width: 940px) {
	.osoba_identita {
		flex-wrap: wrap;
		gap: 12px;
	}
	.osoba_foto img {
		width: 48px;
		height: 48px;
	}
	/* tlacitko Sledovat pod jmenem */
	.osoba_sledovani {
		flex-basis: 100%;
	}
	/* sloupce prehledu (sezona, kariera, zapasy) na mobilu pres celou sirku karty */
	#osoba_profil_portlet .prehled .prehled_sloupec {
		max-width: none;
	}
	/* zahlavi sloupce Team jen "T" - jinak by sloupec s pouhymi logy roztahovalo */
	#osoba_profil_portlet .tabulka .hlavicka_plna {
		display: none;
	}
	#osoba_profil_portlet .tabulka .hlavicka_kratka {
		display: inline;
	}
	/* najezdy jen pocet a goly (N, NG), uspesnost N% se dopocita */
	#osoba_profil_portlet .najezdy_uspesnost {
		display: none;
	}
	/* uzsi cislene sloupce, aby se statistika vesla na 375 px */
	#osoba_profil_portlet .tabulka :is(th, td).numeric {
		padding-left: 4px;
		padding-right: 4px;
	}
}

/* vedlejsi akce v hlavicce ("Nahlasit chybu v profilu") tise, ne tucne vedle "Sledovat" */
#osoba_profil_portlet .osobni .item a.local_nadpis_link {
	color: var(--mlha);
	font-weight: 400;
	text-decoration: underline;
}

/* prepinac soutezi statistik jako stitky (jako portlet tabulek) */
#statistika_tabs.ui-tabs .ui-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
}

#statistika_tabs.ui-tabs .ui-tabs-nav li {
	float: none;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	background-color: var(--led);
	box-shadow: inset 0 0 0 1px var(--mantinel);
}

#statistika_tabs.ui-tabs .ui-tabs-nav li a,
#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-default a:link,
#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-default a:visited,
#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-default a:hover {
	float: none;
	display: block;
	padding: 3px 9px;
	color: var(--puk);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	text-decoration: none;
	white-space: nowrap;
}

#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-default:hover {
	background-color: var(--led-modry);
	box-shadow: inset 0 0 0 1px var(--puk);
}

#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-active {
	background-color: var(--akce);
	box-shadow: none;
}

#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:link,
#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:visited,
#statistika_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
	color: #FFFFFF;
}

/* radky tabulek karty hrace prostornejsi (jako statistiky a tabulky poradi, 7 px) */
#osoba_profil_portlet .infoset .tabulka td,
#osoba_profil_portlet .infoset .tabulka tbody th {
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: middle;
	font-variant-numeric: tabular-nums;
}

/* logo klubu ve statistice a rozpadu v levem odsazeni bunky (jako tabulky poradi) - dlouhy nazev
 * se zalomi vedle loga, ne pod nej */
#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team,
#osoba_profil_portlet #osoba_rozpad .tabulka tbody th.tabulka_team {
	position: relative;
	padding-left: 40px;
}

#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_logo,
#osoba_profil_portlet #osoba_rozpad .tabulka tbody th.tabulka_team .tabulka_tym_logo {
	position: absolute;
	left: 6px;
	top: 50%;
	margin: -12px 0 0;
}

/* zahlavi "Team" / "Soupeř" nad nazvem, ne nad logem */
#osoba_profil_portlet #osoba_statistika .tabulka thead th.tabulka_team,
#osoba_profil_portlet #osoba_rozpad .tabulka thead th.alpha {
	padding-left: 40px;
	text-align: left;
}

/* zkratka tymu jen v uzke verzi (misto chybejiciho loga) */
#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_zkratka {
	display: none;
}

/* uzka verze statistiky: tym jen logem zarovnanym doprava pod zahlavi "T" (nazev v title bunky),
 * tym bez loga zkratkou */
@media (max-width: 940px) {
	#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team,
	#osoba_profil_portlet #osoba_statistika .tabulka thead th.tabulka_team {
		padding-left: 6px;
		text-align: right;
	}
	#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_logo {
		position: static;
		margin: 0;
	}
	#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_logo_prazdne,
	#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_nazev {
		display: none;
	}
	#osoba_profil_portlet #osoba_statistika .tabulka td.tabulka_team .tabulka_tym_logo_prazdne ~ .tabulka_tym_zkratka {
		display: inline;
	}
}

/* rozpad podle souperu ma radky z <th> - normalni rez jako data */
#osoba_profil_portlet #osoba_rozpad .tabulka tbody th {
	font-weight: 400;
	text-align: left;
}

#osoba_profil_portlet #osoba_rozpad .tabulka tbody th.numeric {
	text-align: right;
}

/* soucet "Celkem": horni linka a tucna cisla, ne zvyrazneni (to patri sledovanemu tymu) */
.tabulka tbody tr.tabulka_radek_celkem,
.tabulka tbody tr.tabulka_radek_celkem:nth-of-type(odd),
.tabulka tbody tr.tabulka_radek_celkem:nth-of-type(even) {
	background-color: transparent;
}

.tabulka tbody tr.tabulka_radek_celkem td {
	border-top: 1px solid var(--okraj);
	font-weight: 700;
}

/* zkraceni dlouhych seznamu karty hrace (skript v osoba-profil-layout.tpl) */
.tabulka tr.seznam_skryty {
	display: none;
}

.tabulka.seznam_rozbaleny tr.seznam_skryty {
	display: table-row;
}

/* tabulka nad prepinacem bez spodniho okraje (statistika ma spacing_dole), mezera je na prepinaci */
.tabulka:has(+ .seznam_prepinac) {
	margin-bottom: 0;
}

.button.seznam_prepinac {
	margin: 8px 0 20px;
	font: inherit;
	font-size: 14px;
	line-height: 20px;
}


/* =========================================================
 * PREHLED ZAPASU HRACE jako dlazdice vysledku (zapasy-hrace-core-*.tpl, table.vysledky.gamelog_dlazdice)
 * datum | domaci logo | V/R/P skore | logo hoste | soutez | statistika hrace v zapase
 * ========================================================= */
:is(.ahl_karty, .zapasy_dlazdice) table.vysledky.gamelog_dlazdice > caption {
	display: block;
	margin-bottom: 6px;
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky.gamelog_dlazdice tbody tr.tabulka_radek {
	grid-template-columns: 56px minmax(0, 1fr) 118px minmax(0, 1fr) 130px 190px;
	grid-template-areas: "datum domaci vysledek hoste soutez statistika";
	cursor: default;
}

table.vysledky.gamelog_dlazdice td.gamelog_soutez {
	grid-area: soutez;
	overflow: hidden;
	color: var(--mlha);
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.vysledky.gamelog_dlazdice td.gamelog_statistika {
	grid-area: statistika;
	color: var(--mlha);
	font-size: 13px;
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

table.vysledky.gamelog_dlazdice td.gamelog_statistika b {
	color: var(--puk);
	font-weight: 600;
}

:is(.ahl_karty, .zapasy_dlazdice) table.vysledky.gamelog_dlazdice td.vysledek {
	grid-area: vysledek;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* skore jako svetly stitek vysledku (jako odkaz skore ve vysledcich), neutralne */
table.vysledky.gamelog_dlazdice .gamelog_skore {
	display: inline-block;
	padding: 2px 8px 1px;
	border-radius: 4px;
	background-color: var(--deska);
	box-shadow: inset 0 0 0 1px var(--mantinel);
	color: var(--puk);
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* tym, za ktery hrac nastoupil, tucne */
table.vysledky.gamelog_dlazdice td.tabulka_team.hracuv_tym .vysledky_tym {
	font-weight: 700;
}

/* stitek V / R / P i mimo .gamelog (dlazdice jsou v karte hrace) */
table.vysledky.gamelog_dlazdice .forma_stitek {
	display: inline-block;
	box-sizing: border-box;
	min-width: 20px;
	height: 20px;
	padding: 0 4px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}

table.vysledky.gamelog_dlazdice .forma_stitek:empty {
	display: none;
}

table.vysledky.gamelog_dlazdice .forma_stitek.forma_vyhra {
	background-color: var(--puk);
	color: #FFFFFF;
}

table.vysledky.gamelog_dlazdice .forma_stitek.forma_remiza {
	background-color: var(--okraj);
	color: var(--puk);
}

table.vysledky.gamelog_dlazdice .forma_stitek.forma_prohra {
	background-color: var(--deska);
	box-shadow: inset 0 0 0 1px var(--okraj);
	color: var(--grafit);
}

/* mobil: soutez skryta, statistika hrace v druhem radku pod dlazdici */
@media (max-width: 940px) {
	:is(.ahl_karty, .zapasy_dlazdice) table.vysledky.gamelog_dlazdice tbody tr.tabulka_radek {
		grid-template-columns: 40px minmax(0, 1fr) 96px minmax(0, 1fr);
		grid-template-areas:
			"datum domaci vysledek hoste"
			".     statistika statistika statistika";
		row-gap: 4px;
	}
	table.vysledky.gamelog_dlazdice td.gamelog_soutez {
		display: none !important;
	}
	table.vysledky.gamelog_dlazdice td.gamelog_statistika {
		font-size: 12px;
		text-align: center;
	}
	table.vysledky.gamelog_dlazdice .gamelog_skore {
		padding: 2px 5px 1px;
		font-size: 14px;
	}
}


/* ===== MOJE KARTA (sledovani hrace): uvod, karta hrace, Moje AHL =====
 * Hodnota se ukazuje na vyrezech rozhrani, ne textem. Pruh na karte hrace a uvitani v Moje AHL maji
 * podobu zvyrazneni sledovaneho (led z loga + grafitovy prouzek). Navrh: doc/navrhy/sledovani-hodnota/ */

/* uvod: radek pod hledanim, "Co ziskam?" rozbali tri hodnoty primo v hledacim boxu */
#ahl_promo_search_box .moje_karta_box {
	clear: both;
	padding-top: 10px;
}

.moje_karta_tip {
	margin: 0 2px;
	color: var(--grafit);
	font-size: 13px;
}

.moje_karta_prepinac {
	margin: 0 0 0 4px;
	padding: 0;
	border: 0;
	background: none !important;
	box-shadow: none !important;
	color: var(--puk) !important;
	font: 600 13px var(--f-text);
	text-decoration: underline;
	cursor: pointer;
}

.moje_karta_prepinac::after {
	content: " \25BE";
	display: inline-block;
	margin-left: 3px;
}

.moje_karta_rozbaleno .moje_karta_prepinac::after {
	transform: rotate(180deg);
}

/* tri hodnoty: vyrez + jedno slovo; reflow bez breakpointu */
.moje_karta_hodnoty {
	display: none;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 12px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.moje_karta_rozbaleno .moje_karta_hodnoty {
	display: grid;
}

.moje_karta_hodnoty li {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 0;
	background: none;
}

.moje_karta_hodnoty li > b {
	color: var(--puk);
	font-size: 14px;
}

.moje_karta_ukazka {
	box-sizing: border-box;
	height: 72px;
	padding: 8px 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	overflow: hidden;
	border-radius: 8px;
	background: var(--led);
	color: var(--puk);
	font-size: 13px;
}

.moje_karta_ukazka_popisek {
	align-self: flex-start;
	color: var(--grafit);
	font-family: var(--f-display);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

/* adresni radek prohlizece: ahl.cz a preskrtnuta lupa (bez hledani) */
.moje_karta_ukazka_adresa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 1px 6px 1px 10px;
	border-radius: 999px;
	background: var(--deska);
	box-shadow: inset 0 0 0 1px var(--mantinel);
	color: var(--grafit);
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
}

.moje_karta_ukazka_lupa {
	width: 12px;
	height: 12px;
	fill: none;
	stroke: var(--mlha);
	stroke-width: 1.6;
	stroke-linecap: round;
}

.moje_karta_ukazka_lupa .preskrtnuti {
	stroke: var(--grafit);
}

/* bez hledani a prihlasovani: miniatura prohlizece - adresni radek a pod nim cerna lista AHL
   (stejny stitek s hvezdou jako hlavicka webu u sledujiciho) */
.moje_karta_ukazka_web {
	gap: 0;
	padding: 8px 10px;
}

.moje_karta_ukazka_web .moje_karta_ukazka_adresa {
	box-sizing: border-box;
	width: 100%;
	max-width: 220px;
	justify-content: space-between;
	border-radius: 6px 6px 0 0;
}

.moje_karta_ukazka_lista {
	box-sizing: border-box;
	width: 100%;
	max-width: 220px;
	display: flex;
	align-items: center;
	padding: 5px 8px;
	border-radius: 0 0 6px 6px;
	background: var(--puk);
}

.moje_karta_ukazka_pilulka {
	padding: 0 7px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	white-space: nowrap;
}

.moje_karta_ukazka_souboj {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* misto log obecne dresy dvou tymu - ukazka nepatri zadnemu klubu; barva patri tymum
   (tlumene odstiny ve svetlosti akcentu soutezi, zadna cervena - ta je jen "zive") */
.moje_karta_dres {
	flex: none;
	width: 26px;
	height: 26px;
}

.moje_karta_dres_domaci {
	fill: #3B5FA0;
}

.moje_karta_dres_hoste {
	fill: #A8741A;
}

.moje_karta_dres .pruh {
	fill: #ffffff;
	opacity: .85;
}

.moje_karta_ukazka_cas {
	color: var(--grafit);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}

.moje_karta_ukazka_skore {
	font-family: var(--f-display);
	font-size: 15px;
	font-stretch: 125%;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.moje_karta_ukazka_kalendar {
	flex-direction: row;
	gap: 10px;
}

.moje_karta_kal_den {
	flex: none;
	width: 40px;
	overflow: hidden;
	border-radius: 6px;
	background: var(--deska);
	box-shadow: inset 0 0 0 1px var(--mantinel);
	text-align: center;
}

.moje_karta_kal_den span {
	display: block;
	background: var(--puk);
	color: var(--deska);
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	text-transform: uppercase;
}

.moje_karta_kal_den b {
	display: block;
	font-family: var(--f-display);
	font-size: 18px;
	font-stretch: 125%;
	line-height: 26px;
}

.moje_karta_kal_udalost {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 8px;
	border-left: 3px solid var(--grafit);
	line-height: 1.3;
	white-space: nowrap;
}

.moje_karta_kal_udalost b,
.moje_karta_kal_udalost span {
	display: block;
}

.moje_karta_kal_udalost span {
	color: var(--mlha);
	font-size: 12px;
}

/* karta hrace ("jste to vy?") a uvitani v Moje AHL */
.moje_karta_pruh {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 16px 0;
	padding: 14px 16px;
	border-radius: 0 8px 8px 0;
	background: var(--led-modry);
	box-shadow: inset 3px 0 0 var(--grafit);
}

.moje_karta_pruh_text {
	flex: 1;
	min-width: 0;
}

.moje_karta_pruh_text b {
	display: block;
	margin-bottom: 2px;
	color: var(--puk);
	font-size: 15px;
}

.moje_karta_pruh_text p {
	margin: 0;
	color: var(--grafit);
	font-size: 13px;
	line-height: 1.45;
}

.moje_karta_pruh_text p.moje_karta_pruh_pozn {
	margin-top: 4px;
	color: var(--mlha);
	font-size: 12px;
}

.moje_karta_pruh_pozn a {
	color: var(--puk);
	text-decoration: underline;
}

.moje_karta_pruh_akce {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.moje_karta_pruh_akce form {
	margin: 0;
}

/* uvitani v Moje AHL: Upravit kalendar a Zahodit vedle sebe, pod nimi Zavrit */
.moje_karta_pruh_tlacitka {
	display: flex;
	gap: 6px;
}

.moje_karta_pruh_akce a.button {
	display: inline-block;
	text-decoration: none;
}

.moje_karta_ted_ne {
	padding: 0;
	border: 0;
	background: none !important;
	box-shadow: none !important;
	color: var(--mlha) !important;
	font: 500 12px var(--f-text);
	text-decoration: underline;
	cursor: pointer;
}

/* dokud je na karte hrace pruh, tlacitko vpravo nahore je v nem */
.osoba_hlavicka:has(.moje_karta_pruh) .osoba_sledovani {
	display: none;
}

/* uvitani v Moje AHL stoji samostatne na ledu nad kartami */
.ahl_karty > .moje_karta_vitejte {
	margin: 0 0 16px;
}

@media (max-width: 940px) {
	.moje_karta_pruh {
		flex-wrap: wrap;
	}
	.moje_karta_pruh_akce {
		flex-basis: 100%;
		flex-direction: row;
		justify-content: space-between;
	}
	.ahl_karty > .moje_karta_vitejte {
		margin: 0 0 12px;
		border-radius: 0;
	}
}


/* =========================================================
 * Timeline zapasu (zalozka Timeline v detailu zapasu, ZapasTimeline v ahl-common)
 * Zrcadlova osa: nejnovejsi nahore, domaci vlevo, hoste vpravo, na ose znacka a cas, spolecne
 * udalosti uprostred. Stridme: bez karet, text bez pozadi, cervena (lampa) jen gol a prave hrana faze.
 * ========================================================= */
/* skryte zalozky detailu zapasu: Timeline bez prenosu, Video a Reportaz bez obsahu */
#zapas_tabs .ui-tabs-nav li.tl_tab_skryta,
#zapas_tabs .ui-tabs-nav li.zapas_tab_skryta {
	display: none !important;
}

.zapas_detail_timeline_box {
	padding-top: 16px;
}

.zapas_timeline template {
	display: none;
}

/* osa na desktopu centrovana, at se strany nerozjizdeji */
.zapas_timeline {
	max-width: 680px;
	margin: 0 auto;
}

.tl_hlavicka,
.tl_polozka,
.tl_soupisky,
.tl_strely {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr);
}

/* nazvy tymu nad osou - nazev tymu je Archivo 112 % (manual, Pismo), tlumene */
.tl_hlavicka {
	margin-bottom: 4px;
	font-family: var(--f-display);
	font-stretch: 112%;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--grafit);
}

.tl_hlavicka_d {
	grid-column: 1;
	text-align: right;
}

.tl_hlavicka_h {
	grid-column: 3;
}

.tl_osa {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* stredova cara osy */
.tl_osa::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background-color: var(--mantinel);
}

.tl_osa > li {
	position: relative;
	padding: 7px 0;
}

/* stred: znacka na ose a pod ni cas */
.tl_stred {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.tl_znacka {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1px solid var(--mantinel);
	border-radius: 50%;
	background-color: var(--deska);
	color: var(--mlha);
}

.tl_znacka svg {
	width: 13px;
	height: 13px;
}

.tl_cas {
	padding: 0 3px;
	background-color: var(--deska);
	font-size: 11px;
	color: var(--mlha);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.tl_text {
	grid-row: 1;
	min-width: 0;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.tl_d .tl_text {
	grid-column: 1;
	justify-self: end;
	text-align: right;
}

.tl_h .tl_text {
	grid-column: 3;
	justify-self: start;
}

.tl_titulek {
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mlha);
}

/* jmena hracu (udalosti, sestavy) - jako jmena v Zapisu: Barlow 400, 14 px, puk */
.tl_hrac,
.tl_soupiska {
	font-size: 14px;
	font-weight: 400;
	color: var(--puk);
}

/* odkaz na kartu hrace - v rezu okolniho textu, bez podtrzeni, podtrzeni pri najeti (manual, Tabulky) */
.tl_odkaz_hrac,
.tl_odkaz_hrac:visited {
	color: inherit;
	text-decoration: none;
}

.tl_odkaz_hrac:hover {
	text-decoration: underline;
}

.tl_detail {
	font-size: 12px;
	color: var(--mlha);
}

.tl_stitek {
	letter-spacing: 0;
	text-transform: none;
	color: var(--mlha);
}

.tl_stitek:empty {
	display: none;
}

/* skore (po golu, najezdu, konecne) - Archivo 125 % je vyhrazene skore (manual, Pismo) */
.tl_stav,
.tl_konec b {
	font-family: var(--f-display);
	font-stretch: 125%;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--grafit);
	font-variant-numeric: tabular-nums;
}

.tl_konec b {
	font-weight: 800;
	color: var(--puk);
}

.tl_najezd .tl_stav {
	font-size: 13px;
}

/* gol - cervena znacka a vyraznejsi stav a strelec */
.tl_gol .tl_znacka {
	border-color: var(--lampa);
	color: var(--lampa);
}

.tl_gol .tl_titulek {
	color: var(--lampa);
}

.tl_gol .tl_stav {
	font-size: 15px;
	font-weight: 800;
	color: var(--puk);
}

.tl_gol .tl_hrac {
	font-weight: 600;
}

.tl_najezd_gol .tl_znacka {
	border-color: var(--lampa);
	color: var(--lampa);
}

.tl_najezd_gol .tl_jen_negol,
.tl_najezd_negol .tl_jen_gol {
	display: none;
}

/* oddelovac fazi a nadpis sestav - text na ose */
.tl_oddelovac {
	text-align: center;
}

.tl_osa > li.tl_oddelovac {
	padding: 14px 0;
}

.tl_oddelovac_text {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 8px;
	background-color: var(--deska);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mlha);
}

.tl_konec .tl_oddelovac_text {
	color: var(--puk);
}

/* prave hrana faze - pulzujici tecka jako u "zive" */
.tl_oddelovac.tl_aktualni .tl_oddelovac_text {
	color: var(--lampa);
}

.tl_oddelovac.tl_aktualni .tl_oddelovac_text::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--lampa);
	animation: ahl_zive_pulse 1.2s ease-in-out infinite;
}

/* soupisky - prvni (nejspodnejsi) udalost osy */
.tl_soupisky .tl_oddelovac_text {
	grid-column: 1 / -1;
	justify-self: center;
	margin-bottom: 6px;
}

.tl_soupiska {
	grid-row: 2;
	margin: 0;
	padding: 0 6px;
	list-style: none;
	line-height: 1.6;
}

.tl_soupiska_d {
	grid-column: 1;
	text-align: right;
}

.tl_soupiska_h {
	grid-column: 3;
}

/* hrac sestavy "#17 Jan Novak" - stejne jako jmena v udalostech */
.tl_soupiska li {
	width: fit-content;
	border-radius: 4px;
}

.tl_soupiska_d li {
	margin-left: auto;
}

/* mezera mezi brankari a hraci v poli */
.tl_soupiska li.tl_brankar + li:not(.tl_brankar) {
	margin-top: 4px;
}

/* strely na branku - nejvyssi polozka osy: jedna cara rozdelena v pomeru strel (domaci grafit zleva,
 * hoste okraj), pocty po stranach (Archivo 125 % - fakta, ne skore). Kompaktni, vycentrovana na ose. */
.tl_strely .tl_oddelovac_text {
	grid-column: 1 / -1;
	justify-self: center;
	margin-bottom: 2px;
}

/* strely a konec zapasu stoji nad osou - podklad prekryje stredovou caru, osa zacina az pod nimi */
.tl_osa > li.tl_strely,
.tl_osa > li.tl_konec {
	background-color: var(--deska);
}

.tl_strely_radek {
	grid-column: 1 / -1;
	justify-self: center;
	display: flex;
	align-items: center;
	gap: 10px;
}

.tl_strely_cislo {
	min-width: 2ch;
	padding: 0 3px;
	border-radius: 4px;
	font-family: var(--f-display);
	font-stretch: 125%;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--grafit);
	font-variant-numeric: tabular-nums;
}

.tl_strely_d {
	text-align: right;
}

.tl_strely_pomer {
	display: flex;
	width: 240px;
	height: 4px;
	background-color: var(--okraj);
}

.tl_strely_pruh {
	height: 100%;
	background-color: var(--grafit);
}

/* sledovany hrac (gol, asistence, trest, najezd, soupiska) - podbarveni ledem z loga
 * a rovny grafitovy prouzek vlevo jako .emphasized (manual, Zvyrazneni sledovaneho) */
.tl_sledovany > .tl_text,
.tl_soupiska li.tl_sledovany {
	background-color: var(--led-modry);
}

.tl_sledovany > .tl_text,
.tl_soupiska li.tl_sledovany {
	box-shadow: inset 3px 0 0 var(--grafit);
}

.tl_soupiska li.tl_sledovany {
	padding-left: 6px;
	border-radius: 0 4px 4px 0;
}

.tl_sledovany > .tl_text {
	padding-left: 9px;
	border-radius: 0 4px 4px 0;
}

/* ziva aktualizace - nova nebo zmenena polozka kratce podbarvena (barva jako .zivy_zapas_zmena) */
@keyframes tl_zmena {
	0%, 40% { background-color: #ffd400; }
}

.tl_zmena > .tl_text,
.tl_zmena > .tl_oddelovac_text,
.tl_soupiska li.tl_zmena,
.tl_strely_cislo.tl_zmena {
	animation: tl_zmena 6s ease-out;
}

@media (prefers-reduced-motion: reduce) {
	.tl_oddelovac.tl_aktualni .tl_oddelovac_text::before {
		animation: none;
	}
}

@media (max-width: 940px) {
	.tl_hlavicka,
	.tl_polozka,
	.tl_soupisky,
	.tl_strely {
		grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
	}

	.tl_text {
		padding: 1px 4px;
	}

	.tl_strely_pomer {
		width: 160px;
	}
}