/* horni banner */
.hoz-top {margin:0 0 var(--spacing-2, 2rem); border-radius:.5rem; overflow:hidden}

/* microobsah */
.hoz {margin:0 0 var(--spacing-2, 2rem); font-feature-settings:"lnum"}
.hoz h2 {margin:0 0 .5rem; font-weight:600; font-size:var(--rs-h2, 2rem); line-height:1.2; text-transform:uppercase}
.hoz > p {margin:0 0 1rem; font-size:var(--rs-h7, 1rem); line-height:1.4}


/* tabulka */
.hoz-tab {width:100%; margin:0 0 var(--spacing-25, 2.5rem); border-collapse:collapse}
.hoz-tab th {padding:1.25rem .375rem 1.125rem; font-weight:600; font-size:75%; line-height:1.167; color:#2B3135; background:#8FE3F1}
.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; border-bottom:1px solid #8FE3F1; vertical-align:top; font-size:87.5%; line-height:1.286}
.dark .hoz-tab td {border-bottom-color:#2B3135}
.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}
.hoz-tab .c0 {color:#2B3135; background:#FFF6DC}
.dark .hoz-tab .c0 {color:#FFF; background:#2B3135}
.hoz-tab .c0 td:nth-child(2) {font-weight:600}
#wrapper .hoz-tab td {padding:.5rem .25rem; font-size:81.25%; line-height:1.231}
#wrapper .hoz-tab th:first-child, #wrapper .hoz-tab td:first-child {padding-left:.5rem}

/* status boxy */
.hoz-box {margin:0 0 var(--spacing-25, 2.5rem); padding:var(--spacing-15, 1.5rem); border-radius:.5rem; color:#2B3135; background:#8FE3F1}
.hoz-box p {font-weight:600; font-size:var(--rs-h7, 1rem); line-height:1.25}

.hoz-premium {margin:0 0 var(--spacing-25, 2.5rem); padding:var(--spacing-15, 1.5rem); border:.125rem solid #E8B332; border-radius:.5rem; color:#000; background:#FFF6DC}
.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 *:last-child {margin-bottom:0}
.hoz-premium p {margin-bottom:1rem}
.hoz-premium a {font-weight:600; text-decoration:underline; color:inherit}
.hoz-premium .btn-prem {display:block; margin:0 0 1rem; padding:.75em 1em; font-size:100%; text-decoration:none; text-align:center}
.hoz-premium .hoz-login {margin:0; padding:0; border-radius:0; color:inherit; background:inherit}

.hoz-medals {display:flex; gap:var(--spacing-1, 1rem)}
.hoz-medals li {flex:1; display:block; text-align:center}
.hoz-medals .medal {display:block; width:50px; height:50px; margin:0 auto .5rem; background:no-repeat; background-size:contain}
.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')}

/* denni cil */
.hoz-true, .hoz-false {margin:0 0 2.5rem; padding:1.5rem; border-radius:6px; color:var(--tgl-neutral90); background:var(--tgl-neutral05)}
.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-false p {background:url('/u/icon/e11/warning.svg') no-repeat 0 0 / 1.25em 1.25em}
.hoz-true p ~ p, .hoz-false p ~ p {margin-top:.5rem}










/* stara data pro prihlasovani - 1gr.cz/test/lubos/microsite/hra-marimex2.html */

/* prihlasovani */ 
.hoz-login {margin:0 0 var(--spacing-2, 2rem); padding:var(--spacing-15, 1.5rem); border-radius:.5rem; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9)}
.hoz-login p {margin:0 0 var(--spacing-075, .75rem); font-weight:600; font-size:var(--rs-h7, 1rem); line-height:1.25}

.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:.5rem; 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%}