@import url('/css/microsite/sport/odb-icon.css'); 

.q-ie .megaout {display:none}
.megaout {container-type:inline-size; clear:both; display:block; max-width:964px; margin:0 auto var(--spacing-15, 1.5rem)}

.megaoh {position:relative; display:flex; align-items:center; gap:2em; padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); overflow:hidden; font-size:1rem; line-height:1.25; color:var(--txt-neutral90, #2B3135); background:linear-gradient(180deg, var(--tgl-white-o70, #FFFFFFb2) 0%, var(--tgl-white-o90, #FFFFFFe5) 70%, var(--tgl-white, #FFF) 100%), url('/b/idnes/zoh26-bg.jpg') no-repeat 50% 50% / cover, var(--tgl-neutral05, #F0F2F3); box-sizing:border-box}
@container (width < 37.51em){ 
.megaoh {flex-direction:column; gap:1em; align-items:initial; margin:0 1rem}
}
.section .megaoh {margin:0}

.megaoh a {text-decoration:none; color:var(--txt-pri80, #122E5B)}

@container (width > 37.51em){
.megaoh-group, .megaoh-arts, .mega-online-out, .megaoh-top {flex:1}
}

.megaoh-group {display:flex; gap:1em}
.megaoh-logo {flex:0 0 auto; width:108px}
.megaoh-logo i {display:block; width:100%; height:auto; aspect-ratio:9/10; text-indent:-999em; overflow:hidden; background:url('/b/idnes/zoh26-logo.png') no-repeat 50% 50% / contain }

.megaoh-links {flex:1; display:flex; flex-direction:column; justify-content:center; gap:.125rem; font-weight:600; font-size:87.5%; line-height:1.25}
.megaoh-links li {flex:0; display:block}
.megaoh-links a {position:relative; display:flex; justify-content:center; align-items:center; padding:.625rem; border:1px solid var(--tgl-pri20, #A7B9D9); border-radius:.25rem; color:var(--txt-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}
.megaoh-links a:hover {background-color:var(--tgl-pri10, #D6DEEB)}
.megaoh-links a:after {content:''; display:block; width:.75em; height:1.25em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri80)}
.mega-icon:before {content:''; display:block; display:block; width:1.25em; height:1.25em; margin:0 .5em 0 0; background:no-repeat 50% 50% / contain} 
.mega-icon-date:before {background-image:url('/u/icon/000/thread.svg'); filter:var(--filter-txt-pri80)}
.mega-icon-medal:before {background-image:url('/u/icon/000/medal.svg'); filter:var(--filter-txt-pri80)}
.mega-icon-czechteam:before {background-image:url('/b/idnes/tokio-icon-czechteam.svg')}

.megaoh-arts {display:flex; flex-direction:column; gap:var(--spacing-075, .75rem)}
.megaoh-art {display:flex; align-items:center; gap:.5rem; text-decoration:none}
.megaoh-art-img {flex:0 0 auto; width:3em; height:3em; border-radius:.5rem; text-align:center; overflow:hidden}
.megaoh-art-img img {width:auto; height:100%; margin:0 -50%}
.megaoh-art h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-weight:600; font-size:87.5%; line-height:1.2; color:var(--txt-pri80, #122E5B)}
.megaoh-art:hover h3 {text-decoration:underline}
@container (width < 37.51em){.megaoh-art h3 {font-size:100%}}
.megaoh-art ~ .megaoh-art ~ .megaoh-art {display:none}

.mega-online-out {position:relative; overflow:hidden}
@container (width > 37.51em){.mega-online-out {min-height:120px}}
.megaoh .mega-live {margin:0 0 .375rem; text-transform:uppercase; font-weight:800; font-size:87.5%; line-height:1.25; color:var(--txt-pri80, #122E5B)}
.megaoh .mega-live:before {content:''; float:left; width:1em; height:1.25em; margin:0 .5em 0 0; background:url('/u/icon/e11/disc.svg') no-repeat 50% 50% / contain }
/*.mega-online-out:hover .mega-live {text-decoration:underline}*/
.megaoh .mega-online {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; margin:0; font-size:87.5%; line-height:1.25}
.megaoh .mega-online * {display:inline}
.megaoh .mega-online .item ~ .item {display:none}
.megaoh .mega-online img {vertical-align:top; width:auto; height:1.2em}
.megaoh .mega-online .time {float:none; display:inline-block; margin:0 .5rem 0 0; padding:0 .25rem; border-radius:2px; font-size:85.714%; line-height:1.458; font-weight:800; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri10, #D6DEEB)}
.megaoh .mega-online .time-in {display:inline}
.megaoh .mega-online .event {display:inline; padding:0; font-size:100%}
.megaoh .mega-online .event img {display:none}
.megaoh .mega-online .event p {margin:0}
.megaoh .mega-more {display:block; white-space:nowrap; font-weight:600; font-size:0; text-decoration:underline}
/*.megaoh .mega-more:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri80)}*/
.megaoh .mega-more:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2}

/* transformace pro tuhle megovku kvuli PRG lenosti */
.megaoh .mega-live:after {content:'Zobrazit\20 v\ed ce'; display:inline-block; vertical-align:top; margin:0 0 0 .5rem; padding:.2em 1.5em .2em .5em; text-transform:none; border:1px solid var(--tgl-pri20, #A7B9D9); border-radius:.25rem; font-weight:600; font-size:71.4%; color:var(--txt-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9) url('/u/icon/124/arrow2-right.svg') no-repeat calc(100% - .5em) 50% / .75em;}
.dark .megaoh .mega-live:after {background-image:url('/u/icon/fff/arrow2-right.svg')}
.mega-online-out:hover .mega-live:after {background-color:var(--tgl-pri10, #D6DEEB)}


/* rozsireni VISA */
.mega-visa-out {position:relative; display:flex; flex-direction:column; gap:.5rem}
.mega-visa-out .mega-visa {flex:0}
@container (width > 37.51em){
.mega-visa-out {flex:1; justify-content:center; min-height:120px}
.mega-visa-out .mega-online-out {flex:0; min-height:60px}
}
.mega-visa-out .mega-online {-webkit-line-clamp:3; margin:0 0 .125rem}
.mega-visa-out .oh-athlete-list li:nth-child(n+4) {display:none} 

.mega-visa.mega-visa.mega-visa {display:flex; justify-content:space-between; align-items:center; gap:.5em; padding:.25rem .5rem; border-radius:var(--radius-s, .25rem) /*var(--radius-xs, .125rem)*/; font-weight:600; font-size:.75rem; line-height:1.25; text-decoration:none; text-transform:uppercase; text-align:left; color:#FFF; background:#1434CB; box-sizing:border-box}
.mega-visa span {display:inline-block; vertical-align:top; width:auto; height:1rem; aspect-ratio:300/128; text-indent:-999em; overflow:hidden; background:url('/b/idnes/zoh26-visa.svg') no-repeat 50% 50% / contain}			

/* VISA v DB */
.odbheader .mega-visa {min-width:300px; min-height:1.875rem}
.css-t .odbheader .mega-visa {width:100%}

/* verze SPH patro Sport */
.megaoh2 {align-items:initial; gap:1.5em; }
.megaoh2 a:hover {text-decoration:underline}

.megaoh2 .megaoh-logo {display:flex}
.megaoh-logo span {display:block; font-weight:800; text-transform:uppercase}
a.megaoh-logo span:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri80)}
@container (width > 37.51em){
.megaoh2 .megaoh-logo {flex-direction:column; gap:.25rem; width:80px}
.megaoh-logo span {font-size:.75rem; text-align:center}
}
@container (width < 37.51em){
.megaoh2 .megaoh-logo {align-items:center; gap:.5rem; width:100%}
.megaoh2 .megaoh-logo i {width:3rem}
.megaoh-logo span {font-size:1.125rem}
}

/* transformace pro rubriku */
@container (width < 37.51em){
.megaoh3 {position:relative}
.megaoh3 .megaoh-logo {position:absolute; top:var(--spacing-15, 1.5rem); right:var(--spacing-15, 1.5rem); width:3.625rem}
.megaoh3 .megaoh-logo + * {padding-right:calc(3.625rem + .5rem)}
}

.megaoh-top h2 {margin:0 0 .25rem; font-weight:800; font-size:87.5%; line-height:1.25; font-family:inherit; text-transform:uppercase}
.megaoh-top h2 span {display:inline-block; vertical-align:top; margin:0 0 0 .25rem; padding:.2em .5em; text-transform:none; border:1px solid var(--tgl-pri20, #A7B9D9); border-radius:.25rem; font-weight:600; font-size:71.4%; color:var(--txt-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9);}
.megaoh-top h2 span:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin:0 0 0 .25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-txt-pri80)}
.megaoh-top h2 a:hover span {background-color:var(--tgl-pri10, #D6DEEB)}

.megaoh .oh-medal {position:relative; display:block; width:1.25em; height:1.5rem; margin:auto; padding:0; border:0; border-radius:none; background:no-repeat 50% 50%}
.megaoh .oh-medal:before, .megaoh .oh-medal:after {display:none}
.megaoh .oh-medal-1 {background-image:url('/u/icon/org/medal-gold.svg')}
.megaoh .oh-medal-2 {background-image:url('/u/icon/org/medal-silver.svg')}
.megaoh .oh-medal-3 {background-image:url('/u/icon/org/medal-bronze.svg')}

.megaoh .oh-athlete-list, .megaoh .oh-medal-list {padding:0; font-size:.875rem; line-height:1.5rem} 
.oh-athlete-list li, .oh-medal-list tr + tr td {border-bottom:1px solid var(--tgl-pri10, #D6DEEB)}
.oh-athlete-list li {display:block}
.oh-athlete-list .icosport {display:block; line-height:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.oh-athlete-list .icosport:before {font-size:1.5rem}

.oh-medal-list {width:100%; margin:-1.5rem 0 0; border-collapse:collapse}
.oh-medal-list .tac, .oh-medal-list .tar {width:2em; text-align:center}
.oh-medal-list a {display:block}
.oh-medal-list th {line-height:1}
.oh-medal-list td {vertical-align:middle}

/* megovka/poutak ve clanku */
.megaoh-complete {border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:var(--radius-m, .5rem); box-shadow:0 .5rem 1rem 0 var(--tgl-black-o10, #0000001a); overflow:hidden}
.megaoh-complete .megaoh {border-radius:0}

.megaoh4 {display:grid; grid-template-columns:auto 80px; gap:1rem; box-sizing:border-box}
.megaoh4-tit {grid-row:1; grid-column:1; display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-05, .5rem) var(--spacing-1, 1rem)}
.megaoh4-tit h3 {font-size:var(--rs-h4, 1.5rem)}
.megaoh4-tit .mega-visa.mega-visa {flex:1; min-width:180px}
.megaoh4 .megaoh-logo {grid-row:1/3; grid-column:2; align-self:end; width:100%}
.megaoh4-list {grid-row:2; grid-column:1; display:flex; flex-wrap:wrap; gap:.5em .25em}
.megaoh4-list.megaoh4-list {margin:0}
.megaoh4-list li {min-width:31%; margin:0; padding:0; list-style:none; font-size:1rem; line-height:inherit}
.megaoh4-list li:before {display:none}
.megaoh4-list a {display:flex; align-items:center; gap:.25em}
.megaoh4-list a:hover {text-decoration:underline}
.megaoh4-list a:before {content:''; display:block; width:.75em; height:1.25em;  background:url('/u/icon/000/arrow2-right.svg') no-repeat center / contain; filter:var(--filter-tgl-neutral20)}
@container (width < 37.51em){
.megaoh4 {grid-template-columns:auto 100px}
.megaoh4-tit {grid-column:1/3}
.megaoh4-tit .mega-visa.mega-visa {width:100%}
.megaoh4 .megaoh-logo {grid-row:2}
.megaoh4-list {flex-direction:column}
}

/* match ve clanku v pruhu pod megovkou */
.megaoh-strip {border-top:1px solid var(--tgl-pri10, #D6DEEB); font-size:1rem; line-height:1.25; }
.megaoh-strip .mega-hms-match {display:flex; align-items:center; padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); text-decoration:none; color:var(--tgl-pri80, #122E5B); background:var(--tgl-pri05, #EDF2F9)}
.megaoh-strip .mega-hms-match:hover {background:var(--tgl-pri10, #D6DEEB)}
.megaoh-strip .mega-hms-match:after {content:''; display:block; width:.75em; height:1.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat center / contain; filter:var(--filter-tgl-pri80)}
.megaoh-strip .mega-hms-team {font-weight:600; text-transform:uppercase}
.megaoh-strip .mega-hms-team img {float:left; width:auto; height:1.25em; margin:0 .25em 0 0}
.megaoh-strip .mega-hms-team-1 img {float:right; margin:0 0 0 .25em}
.megaoh-strip .mega-hms-team-2 img {}
.megaoh-strip .mega-hms-score {padding:0 .25em}
.megaoh-strip .mega-hms-score span {font-weight:800}
.megaoh-strip .mega-hms-label {display:block; margin:0 .5rem; padding:0 .25em; border:1px solid transparent; border-radius:var(--radius-xs, .125rem); font-weight:600; font-size:75%; text-transform:uppercase}
.megaoh-strip .mega-hms-label-1 {color:#FFF; background:var(--pri30, #4C70B5)}
.megaoh-strip .mega-hms-label-2 {font-weight:800; color:#FFF; background:var(--sec60, #E41F1F)}
.megaoh-strip .mega-hms-label-3 {border-color:var(--tgl-pri30, #4C70B5); color:var(--tgl-pri30, #4C70B5)}
@container (width < 37.51em){
.megaoh-strip .mega-hms-team {width:1.25em; height:1.25em; overflow:hidden}
}

/* match misto clanku v hodni megovce */
.megaoh-arts .mega-hms-match {display:table; margin:0 auto; font-weight:600; font-size:100%; line-height:1.25; white-space:nowrap}
.megaoh-arts .mega-hms-match > div {display:table-cell; vertical-align:middle}						
.megaoh-arts .mega-hms-score {position:relative; min-width:4em; padding:0 .2em; text-align:center}
.megaoh-arts .mega-hms-score label {position:absolute; top:100%; left:50%; display:table; width:6em; margin:-1.125rem 0 0 -3em; padding:.125rem 0; border-radius:.125rem; font-weight:400; font-size:.625rem; line-height:1; text-decoration:none; text-align:center; color:#FFF; background:var(--tgl-pri30, #4C70B5)}
.megaoh-arts .mega-hms-score span {font-weight:800; font-size:125%}
.megaoh-arts .mega-hms-score span.mega-time {font-weight:400}
.megaoh-arts .mega-hms-match:hover .mega-hms-score span {text-decoration:underline}
.megaoh-arts .mega-hms-score label + span {display:block; padding-bottom:.75rem}
.megaoh-arts .mega-hms-team {width:6em; line-height:3; text-align:right; text-transform:uppercase}
.megaoh-arts .mega-hms-team-2 {text-align:left}
.megaoh-arts .mega-hms-team img {float:left; width:auto; height:3em; margin:0 .25em 0 0}
.megaoh-arts .mega-hms-team-1 img {float:right; margin:0 0 0 .25em}