html { --hoz-sec02: #F0F2F3; --hoz-bor: #B2B9BE; --hoz-coin: url('/o/microsite/hoz-hokej/puk.png') }

/* horni banner */
.hoz-top {max-width: 964px; margin:0 auto var(--spacing-15); border-radius: .5rem; overflow: hidden }

/* microobsah */
.hoz { margin: 0 0 2rem; font-size: medium; font-feature-settings: "lnum" }

/*docasna uprava kvuli expresu*/
.hoz h2 { margin: 0 0 .75rem; /*font-weight:600;*/ font-size: 187.5%; line-height: 1.2; text-transform: uppercase }
.hoz > p { margin: 0 0 1em; font-size: 100%; line-height: 1.625 }
.hoz-link { text-decoration: underline; color: var(--txt-pri60) }
.hoz-link:after { content: ''; display: inline-block; vertical-align: top; width: .75em; height: 1.625em; margin: 0 0 0 .25em; background: url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter: var(--filter-txt-pri60) }

#wrapper .hoz { margin: 0 0 1.5rem }
#wrapper .hoz h2 { margin: 0 0 .5rem; font-size: 150% }
#wrapper .hoz > p { margin: 0 0 .75rem; font-size: 87.5%; /*line-height:1.286*/ }

/* tabulka */
.hoz-tab { width: 100%; margin: 0 0 2.5rem; border-collapse: collapse }

/*.hoz-tab tr:first-child {background: url(/o/microsite/hoz-hokej/box-bg.jpg) no-repeat bottom center;}
.hoz-tab tr:nth-child(2n+3) {border-bottom:solid 1px var(--pri20)}*/

.hoz-tab thead tr {  background: #ffd347; }
.hoz-tab th { padding: 1.25rem .375rem 1.125rem; font-weight:600; font-size: 75%; line-height: 1.167; color: var(--pri80); }
.hoz-tab th:first-child {border-radius:6px 0 0 0}
.hoz-tab th:last-child {border-radius:0 6px 0 0}

.hoz-tab td { padding: .75rem .375rem ; vertical-align: top; font-size: 87.5%; line-height: 1.286; border-bottom: solid 1px var(--pri20)  }


.hoz-tab th:first-child, .hoz-tab td:first-child { padding-left: .75rem }
.hoz-tab td:first-child, .hoz-tab td:nth-child(2) { width: 1em; white-space: nowrap }


.css-t .hoz-tab { margin: 0 0 1.5rem; /*border-top: solid 1px var(--pri20);*/ }
.css-t .hoz-tab td, .css-t .hoz-tab th { padding-top: .5rem; padding-bottom:.5rem; font-size: 81.25%; line-height: 1.231;}
/*.css-t .hoz-tab tr { display: flex; flex-wrap: wrap; justify-content: flex-end; }

.css-t .hoz-tab thead { display: none }
.css-t .hoz-tab tr { padding: .5rem .375rem 0; }
.css-t .hoz-tab tr:last-child {padding-bottom:.5rem}

.css-t .hoz-tab td { flex: 0 0 calc(100% - 4em);box-sizing: border-box; font-size: 81.25%; line-height: 1.231 }
.css-t .hoz-tab td:first-child { flex: 0 0 4em; margin: 0 auto 0 0; }*/

.hoz-tab .link { display: flex; text-wrap:wrap; color:var(--txt-pri80); font-weight:600 }
.hoz-tab .link:before { content: ""; display: block; flex: 0 0 auto; width: 0.75em; height: 0.75em; margin-right: 0.25em; margin-top: 0.25em; background: url(/u/icon/000/arrow2-right.svg) no-repeat center / contain; filter: var(--filter-tgl-pri30); }
.hoz-tab .premlab {padding: 0 .25em; line-height:1.25}

.hoz-tab .c0 { color: #2B3135; background: var(--neutral05) }
.dark .hoz-tab .c0 { color: #FFF; background: #2B3135 }
.hoz-tab .c0 td:nth-child(2) { font-weight:600 }


/* prihlasovani */
.hoz-login { margin: 0 0 2.5rem; padding: 2rem; border-radius: 6px; color: var(--txt-neutral90); background: var(--tgl-pri05) }
.hoz-login p { margin: 0 0 .75rem; font-weight:600; font-size: 100%; line-height: 1.25 }
#wrapper .hoz-login { margin: 0 0 1.5rem; padding: 1.5rem }
#wrapper .hoz-login p { margin: 0 0 .5rem; font-size: 87.5%; line-height: 1.286 }

.hoz-login-null { display: flex; flex-direction: row-reverse; align-items: center; gap: 1em }
.hoz-login-null .hoz-btn { flex: 0 0 50% }
.hoz-login-null p { margin: 0 }
#wrapper .hoz-login-null { flex-direction: column; align-items: normal; gap: 0; text-align: center }

.hoz-btn { position: relative; overflow: hidden; min-height: 3em; margin: 0; border-radius: 3px; font-size: 100%; line-height: 1.25; color: #FFF; background: #1B3E7A; box-shadow: 0 4px 8px rgba(0,0,0,.12) }
.hoz-btn:hover { background-color: #122E5B }
.dark .hoz-btn { color: #FFF; background: #4C70B5 }
.hoz-btn a, .hoz-btn a:hover, .hoz-btn input, .hoz-btn button { display: flex; justify-content: center; align-items: center; gap: .5rem; width: 100%; height: 100%; min-height: 3em; margin: 0; padding: 0 1rem; border: 0; text-align: center; vertical-align: middle; font-weight:600; font-size: 100%; text-decoration: none; color: inherit; background: none; box-sizing: border-box; outline: none }
.hoz-btn-login:before { content: ''; display: block; width: 1.25em; height: 1.25em; background: url('/u/icon/fff/login0.svg') no-repeat 50% 50% / contain }

.hoz-inp { position: relative; margin: 0 0 .25rem }
.hoz-inp input { display: block; width: 100%; height: 100%; min-height: 3rem; margin: 0; padding: .75rem; border: 1px solid #D6DEEB; border-radius: 3px; font-size: 100%; line-height: 1.25; color: inherit; background: #FFF; box-shadow: inset 0 1px 4px rgba(0,0,0,.2); box-sizing: border-box }
.hoz-inp input:focus { border-color: #4C70B5; box-shadow: none }
.hoz-inp input::placeholder { color: #75868E; opacity: 1 }
.dark .hoz-inp input { border-color: #434D52; color: inherit; background: #000 }
.dark .hoz-inp input::placeholder { color: #B2B9BE }
.hoz-inp.erroneous input { border-color: #E41F1F; box-shadow: none }
.dark .hoz-inp.erroneous input { border-color: #F18F8F }
.hoz-inp label { position: absolute; top: 0; left: 0; padding: .75rem .75rem 0; font-weight:600; font-size: .75rem; line-height: 1.167; color: #75868E }
.hoz-inp label ~ input { height: 3.75em; padding-top: 1.75rem }
.hoz-inp input[disabled] { opacity: .75; background: rgba(128,128,128,0.1) }

.hoz-consent { position: relative; overflow: hidden; min-height: 1.25rem; margin: 1rem 0; padding: 1px 0 1px 1.75rem; font-size: 87.5%; line-height: 1.286; box-sizing: border-box }
.hoz-consent label:hover { cursor: pointer; text-decoration: underline }
.hoz-consent input { position: absolute; left: -999vw }
.hoz-consent input + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25rem; height: 1.25rem; background: url('/u/icon/bbc/form-checkbox-unselected.svg') no-repeat 50% 50% / contain; cursor: pointer }
.hoz-consent input:checked + label:before { background-image: url('/u/icon/137/form-checkbox.svg') }
.dark .hoz-consent input:checked + label:before { background-image: url('/u/icon/68c/form-checkbox.svg') }
.hoz-consent.erroneous input + label:before { background-image: url('/u/icon/b11/form-checkbox-unselected.svg') }
.hoz-consent a { text-decoration: underline; color: #1B3E7A }
.dark .hoz-consent a { color: inherit }

.hoz-consent2 { position: relative; overflow: hidden; min-height: 1.25rem; margin: 1rem 0; padding: 1px 0; font-size: 87.5%; line-height: 1.286; box-sizing: border-box }
.hoz-consent2 a { text-decoration: underline; color: #1B3E7A }
.dark .hoz-consent2 a { color: inherit }

.hoz .error { padding: .125rem 0; font-size: 87.5%; line-height: 1.286; color: #C11B1B }
.dark .hoz .error { color: #F18F8F }
.hoz .hoz-consent .error { font-size: 100% }

/* status boxy */
.hoz-box { margin: 0 0 2.5rem; padding: var(--spacing-15); overflow:hidden; border-radius: 6px; color: var(--neutral90); background: #ffd347 }
.hoz-box-null { opacity: .5 }
.hoz-box p { font-weight:600; font-size: 100%; line-height: 1.25 }
.hoz-box strong {font-weight:900}
/*#wrapper .hoz-box { margin: 0 0 1.5rem; padding: 1.5rem }*/
.css-t .hoz-box p {/*flex: 0 0 55%;*/ font-size: 87.5%; line-height: 1.286 }

.hoz-premium { background: none; margin: 0 0 2.5rem; padding: var(--spacing-15); border-radius: 8px; 
                 border:solid 3px var(--ter50); background:var(--ter05)}

.hoz-premium-logo {overflow:hidden; width:8.392857em; height:1em; margin:0 0 1rem; padding:0; font-size:inherit; font-size:125%; text-indent:-99em; background:url('/o/premium/logo-premium.svg') no-repeat 0 50%}
.hoz-premium h3 { margin-bottom: .5rem; width: 9em; height: 1.25em; text-indent: -1000px; overflow: hidden; background: url(https://1gr.cz/o/premium/logo-premium.svg) no-repeat; background-size: contain }
.hoz-premium p { margin-bottom: 1rem }
.hoz-premium a {text-decoration: underline;
    font-weight: 600;}
.hoz-premium .btn { position: relative; overflow: hidden; display: block; width: auto; height: auto; line-height: 1.5; margin: 0 auto .5em; padding: .9em 2em .7em; border: 0; border-radius: .25rem; font-weight:600; text-align: center; text-decoration: none; color: var(--neutral90); background: #E8B332; box-shadow: 0px 4px 8px 0px #0000001F }

.hoz-medals {display:flex; justify-content: space-evenly; align-items: flex-start; gap:var(--spacing-1); list-style:none}
.hoz-medals li {text-align:center}
.hoz-medals .medal {display:block; width:50px; height:50px; margin:0 auto .5rem; background:no-repeat; background-size:contain;  filter:var(--filter-neutral90)}
.css-t .hoz-medals .medal {width:40px; height:40px;}
.hoz-medals .medal-1 {background-image:url(/o/microsite/hoz-kolo/medal-1.svg)}
.hoz-medals .medal-2 {background-image:url(/o/microsite/hoz-kolo/medal-2.svg)}
.hoz-medals .medal-3 {background-image:url(/o/microsite/hoz-kolo/medal-3.svg)}


/* vitez */
.hoz-winner { overflow: hidden }
.hoz-winner-1 { display: flex; align-items: flex-end;  width: 100% }
.hoz-winner-1 p { flex: 0 0 48%; margin: 0; padding: 0 0 1.5em; font-weight: 400; font-size: 100%; line-height: 1.625 }
.hoz-winner-1 div { flex: 1 1 auto }
.hoz-winner-1 img {display: block; width: 390px; height: auto; margin: -4.5rem -2rem -1.5rem auto;}
.css-t .hoz-winner-1 img { width: 290px;  margin: -1.5rem -2rem -1.5rem auto;}

@media(max-width:380px) {
    .css-t .hoz-box p {flex: 0 0 55%;}
    .css-t .hoz-winner-1 img {position: relative; left: -30px;}
}
.css-t .hoz-winner-1 { }
.css-t .hoz-winner-1 p { padding: 0; font-size: 87.5%; line-height: 1.286 }

.hoz-winner-2 { margin:var(--spacing-15) calc(-1 * var(--spacing-15)) calc(-1 * var(--spacing-15)); padding: var(--spacing-15); font-size: 100%; line-height: 1.25; text-transform: uppercase; color: #ffd347; background: var(--neutral90) }
.hoz-winner-2 + .hoz-winner-2 { border-top: solid 1px var(--pri10) }
.hoz-winner-2 strong { font-weight: 800 }
.css-t .hoz-winner-2 { margin: 1.5rem -1.5rem -1.5rem; padding: 1.5rem; font-size: 87.5%; }
.css-t .hoz-winner-2 strong { display: block }

.hoz-true, .hoz-false { margin: 0 0 2.5rem; padding: 1.5rem; border-radius: 6px; color: var(--neutral90); background: var(--pri05) }
.hoz-true ~ .hoz-true { margin-top: -1.5rem }
.hoz-true p, .hoz-false p { padding-left: 1.75em; font-weight:600; font-size: 100%; line-height: 1.25; background: url('/u/icon/org/done-060.svg') no-repeat 0 0 / 1.25em 1.25em }
.hoz-true p ~ p, .hoz-false p ~ p { margin-top: .5rem }

.hoz-false p { background-image: url('/u/icon/000/unfinished-delete.svg') }