/* kopie z uni pro generovatko */
.h {display:none}
/* kopie z uni pro generovatko - END  */

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

.mega-hms a {color:inherit; text-decoration:none}

/* obaly */
.mega-hms.h {display:block}
.mega-hms {display:block; clear:both; position:relative; max-width:964px; margin:0 auto; padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); border-radius:.5rem; font-size:1rem; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-neutral05, #F0F2F3) no-repeat 50% 100% / cover; box-sizing:border-box}
.css-t .mega-hms {margin-left:1rem; margin-right:1rem}
.css-t .section .mega-hms {margin-left:0; margin-right:0}

#mega-hms-top {background-image:url('/b/idnes/hokej24-mega-d.jpg')}
.css-t #mega-hms-top {background-image:url('/b/idnes/hokej24-mega-t.jpg')} 
.dark #mega-hms-top, .css-t.dark #mega-hms-top {background-image:none}

#mega-hms-hp {background-image:url('/b/idnes/hokej24-results-floor-d.jpg')}
.css-t #mega-hms-hp {background-image:url('/b/idnes/hokej24-results-floor-t.jpg')}
.dark #mega-hms-hp, .css-t.dark #mega-hms-hp {background-image:none}

/* logo */
.mega-hms-logo, a.mega-hms-logo {display:block; margin:0; padding:0 0 0 2em; font-weight:600; font-size:var(--rs-h4, 1.5rem); line-height:1.2; font-family:'Fira Sans',sans-serif; text-transform:uppercase; color:var(--tgl-pri80, #122E5B); background:url('/b/idnes/hokej26-logo.png') no-repeat 0 0 / auto 2.4em}
.mega-hms-logo strong {font-weight:inherit}
.mega-hms-logo span {display:block}
.mega-hms-logo:hover {text-decoration:underline}

/* matche */
.mega-hms-match {display:table; font-weight:600; font-size:87.5%; line-height:1.25; white-space:nowrap}
.mega-hms-score {position:relative; min-width:4em; text-align:center}
.mega-hms-score label {position:absolute; top:0; 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)}
.mega-hms-score span {font-weight:800}
.mega-hms-score span.mega-time {font-weight:400}
.mega-hms-match:hover .mega-hms-score span {text-decoration:underline}
.mega-hms-team {text-transform:uppercase}
.mega-hms-team img {float:left; width:auto; height:1.2em; margin:0 .4em 0 0}
#mega-hms-top .mega-hms-match {font-size:100%}
#mega-hms-top .mega-hms-match > div {display:table-cell; vertical-align:middle}						
#mega-hms-top .mega-hms-score {padding:0 .2em}
#mega-hms-top .mega-hms-score label {top:100%}
#mega-hms-top .mega-hms-score span {font-size:125%}
#mega-hms-top .mega-hms-score label + span {display:block; padding-bottom:.75rem}
#mega-hms-top .mega-hms-team {width:6em; text-align:right; line-height:3}
#mega-hms-top .mega-hms-team-2 {text-align:left}
#mega-hms-top .mega-hms-team img {height:3em; margin:0 .25em 0 0}
#mega-hms-top .mega-hms-team-1 img {float:right; margin:0 0 0 .25em}
#mega-hms-top .mega-hms-team-2 img {}


.mega-hms .mega-online-out {position:relative; display:flex; align-items:center; max-width:100%}
.css-t .mega-hms .mega-online-out {display:block; width:100%}
.mega-hms .mega-live {display:none}
.mega-hms .mega-more {padding:0 1em 0 .5em; white-space:nowrap; font-weight:600; font-size:81.25%; color:var(--tgl-pri80, #122E5B); background:url('/u/icon/124/arrow1-right.svg') no-repeat 100% 50% / .75em }
.dark .mega-hms .mega-more {background-image:url('/u/icon/fff/arrow1-right.svg')}
.mega-hms .mega-more:hover {text-decoration:underline}
.mega-hms .mega-online-out .mega-more:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2}
.mega-hms .mega-online {overflow:hidden; font-size:87.5%; line-height:1.25}
.css-d .mega-hms .mega-online {height:1.25em; white-space:nowrap; text-overflow:ellipsis}
.css-t .mega-hms .mega-online {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.mega-hms .mega-online * {display:inline}
.mega-hms .mega-online .item ~ .item {display:none}
.mega-hms .mega-online img {vertical-align:top; width:auto; height:1.2em}
.mega-hms .mega-online .time {float:none; display:inline-block; vertical-align:top; margin:0 .5rem 0 0; padding:0 .25rem; border-radius:2px; font-size:85.714%; line-height:1.458; font-weight:800; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri10, #D6DEEB)}
.mega-hms .mega-online .time-in {display:inline}
.mega-hms .mega-online .event {display:inline; padding:0; font-size:100%}
.mega-hms .mega-online .event img {display:none}
.mega-hms .mega-online .event p {margin:0}

.mega-hms-art {display:flex; align-items:center; gap:.5em}
.mega-hms-art-img {flex:0 0 auto; width:3em; height:3em; border-radius:.5rem; text-align:center; overflow:hidden}
.mega-hms-art-img img {width:auto; height:100%; margin:0 -50%}
.mega-hms-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(--tgl-pri80, #122E5B)}
.mega-hms-art:hover h3 {text-decoration:underline}
.mega-hms-art .megabrisk {display:inline-block; margin:0 .25rem 0 0; padding:1px .25em 0; border-radius:2px; font-weight:600; font-size:.75rem; line-height:1.316; font-family:'Inter', sans-serif; text-transform:uppercase; color:#FFF; background:#E41F1F}

.mega-hms-matches {clear:both; display:flex; flex-wrap:wrap; margin:1em 0 0}
.mega-hms-matches li {flex:0 0 25%; position:relative; display:block; padding:.5rem .75rem; border-top:1px solid var(--tgl-pri10, #D6DEEB); text-align:left; box-sizing:border-box;}
.mega-hms-matches li:before {content:''; position:absolute; top:.6em; left:0; bottom:.6em; width:1px; margin-left:-1px; background:var(--tgl-pri10, #D6DEEB)}
.mega-hms-matches li:nth-child(4n+1):before {background:none}
.mega-hms-matches li.double {flex-basis:50%}
.mega-hms-matches h4 {margin:0 auto .25rem; font-weight:400; font-size:.625rem; line-height:1.4; color:#75868E}
.mega-hms-matches .mega-hms-match {display:block; max-width:12em; margin:0 auto}
.mega-hms-matches .mega-hms-match:after {content:''; display:block; clear:both}
.mega-hms-matches .mega-hms-team {float:left; width:4.4em; height:1.25em; margin:0 0 .125rem; line-height:1.25}
.mega-hms-matches .mega-hms-team-2 {clear:left}
.mega-hms-matches .mega-hms-score {float:right; line-height:3}
.mega-hms-matches .mega-hms-art {}
@container (width < 36rem){
.mega-hms-matches li {flex-basis:50%}
.mega-hms-matches li:nth-child(2n+1):before {background:none}
.mega-hms-matches li.double {flex-basis:100%}
}
@container (width < 20rem){
.mega-hms-matches li {flex-basis:100%}
}

.mega-hms .mega-next {display:block; width:100%; padding:.5rem 0 0; border-top:1px solid var(--tgl-pri10, #D6DEEB); font-weight:600; font-size:87.5%; text-align:center; text-decoration:underline; color:var(--tgl-pri80, #122E5B)}
.mega-hms .mega-next:hover {text-decoration:underline}
.mega-hms .mega-next:after {content:''; display:inline-block; width:.75em; height:.75em; margin-left:.25em; background:url('/u/icon/000/arrow1-right.svg') no-repeat 100% 50% / contain; filter:var(--filter-tgl-pri80)}

/* chytristiky skladani */
.css-d .mega-hms-trans {display:grid; grid-template-columns:52px 1fr 1fr 1fr; gap:1rem 2rem; width:100%}
.css-d .mega-hms-trans .mega-hms-match {grid-column:2}
.css-d .mega-hms-trans .mega-hms-match ~ .mega-hms-match {grid-column:3}
.css-d .mega-hms-trans .mega-hms-logo {grid-column:1; grid-row:1 / span 2; margin-right:-.5rem; padding:0; background-size:contain}
.css-d .mega-hms-trans .mega-hms-logo strong {display:none}
.css-d .mega-hms-trans .mega-online-out {grid-column:2 / span 2; grid-row:2; padding:.5rem 0 0; border-top:1px solid var(--tgl-pri10, #D6DEEB)}
.css-d .mega-hms-trans .mega-hms-event {grid-column:4; grid-row:1}
.css-d .mega-hms-trans .mega-next {grid-column:4; grid-row:2}
.css-d .mega-hms-trans > :nth-child(n+7) {display:none}

.css-t .mega-hms-trans {display:flex; flex-direction:column; align-items:flex-start; gap:.75rem}
.css-t .mega-hms-trans .mega-hms-match {position:relative; z-index:2; min-height:3.3rem; margin:auto; padding-left:2.5rem}
.css-t .mega-hms-trans .mega-hms-match ~ .mega-hms-logo {position:absolute; z-index:1}
.css-t .mega-hms-trans .mega-hms-match ~ .mega-hms-logo strong {visibility:hidden}
.css-t .mega-hms-trans .mega-online-out {padding:0 0 .5rem; border-bottom:1px solid var(--tgl-pri10, #D6DEEB)}
.css-t .mega-hms-trans .mega-hms-event {order:3}
.css-t .mega-hms-trans .mega-next {order:5}
.css-t .mega-hms-trans .mega-online-out + .mega-next:last-of-type {margin-top:-.75rem; border:none}
.css-t .mega-hms-trans > :nth-child(n+7) {display:none}
.css-t .mega-hms-trans .mega-hms-logo:first-child + * + * + * + * + *, 
.css-t .mega-hms-trans .mega-hms-logo:first-child + * + * + * + * + * + * {display:none}

/* partner +2026 */
.mega-hms-partner {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.25rem .5rem; max-width:10rem}
.mega-hms-partner.mega-hms-partner {text-decoration:none; color:var(--tgl-neutral60, #75868E)}
.mega-hms-partner span {flex:0 0 min-content; font-weight:600; font-size:.5rem; line-height:1.2; text-transform:uppercase; text-align:center}
.mega-hms-partner img {width:100%; border-radius:var(--radius-s, .25rem)}
.mega-hms-partner-out {display:flex; align-items:center; gap:.25rem}
.mega-hms-partner-out .mega-hms-logo {flex:1}
.mega-hms-partner-out .mega-hms-partner {flex:0 0 2.75rem}
#mega-hms-top.mega-hms-trans:has(.mega-hms-partner) .mega-hms-match {font-size:81.25%}
@container (width > 26rem){
.mega-hms-partner-out .mega-hms-partner {flex:0 0 auto; flex-direction:row; width:min-content; padding:.5rem; border-radius:var(--radius-s, .25rem); box-sizing:border-box}
.mega-hms-partner-out img {flex:0 0 auto; width:5.5rem}
}
@container (width < 22rem){
#mega-hms-top .mega-hms-team {width:3em; height:3em; text-align:center; line-height:1.25; overflow:hidden}
#mega-hms-top .mega-hms-team img {float:none; display:block; margin:auto}
#mega-hms-top .mega-hms-team br {display:block}
}
.css-d .mega-hms-trans:has(.mega-hms-partner) {grid-template-columns:52px 1fr 1fr 1fr 77px}
.css-d .mega-hms-trans:has(.mega-hms-partner) .mega-hms-partner {grid-column:5; grid-row:1 / span 2; display:flex;}
.css-t .mega-hms-trans:has(.mega-hms-partner) .mega-hms-partner {position:absolute; top:var(--spacing-1, 1rem); right:var(--spacing-15, 1.5rem); z-index:2; display:flex; width:2.625rem}
.css-t .mega-hms:has(.mega-hms-partner) .mega-hms-logo {font-size:1.25rem}
.css-t .mega-hms-trans:has(.mega-hms-partner) .mega-hms-logo, 
.css-t .mega-hms-trans:has(.mega-hms-partner) .mega-hms-match {padding-right:3.25rem}

/* ve clanku */
.mega-hms-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}
.mega-hms-complete .mega-hms {border-radius:0}

.mega-hms4 {background-image: url('/b/idnes/hokej24-mega-d.jpg');}

.mega-hms4-list {display:flex; flex-wrap:wrap; gap:.5em .25em}
.mega-hms4-list.mega-hms4-list {margin:var(--spacing-1, 1rem) 0 0}
.mega-hms4-list li {min-width:31%; margin:0; padding:0; list-style:none; font-size:1rem; line-height:inherit}
.mega-hms4-list li:before {display:none}
.mega-hms4-list a {display:flex; align-items:center; gap:.25em}
.mega-hms4-list a:hover {text-decoration:underline}
.mega-hms4-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 < 36rem){
.mega-hms4-list {flex-direction:column}
}
/* match ve clanku v pruhu pod megovkou */
.mega-hms-strip {border-top:1px solid var(--tgl-pri10, #D6DEEB); font-size:1rem; line-height:1.25; }
.mega-hms-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)}
.mega-hms-strip .mega-hms-match:hover {background:var(--tgl-pri10, #D6DEEB)}
.mega-hms-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)}
.mega-hms-strip .mega-hms-team {font-weight:600; text-transform:uppercase}
.mega-hms-strip .mega-hms-team img {float:left; width:auto; height:1.25em; margin:0 .25em 0 0}
.mega-hms-strip .mega-hms-team-1 img {float:right; margin:0 0 0 .25em}
.mega-hms-strip .mega-hms-team-2 img {}
.mega-hms-strip .mega-hms-score {min-width:1em; padding:0 .25em}
.mega-hms-strip .mega-hms-score span {font-weight:800}
.mega-hms-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}
.mega-hms-strip .mega-hms-label-1 {color:#FFF; background:var(--pri30, #4C70B5)}
.mega-hms-strip .mega-hms-label-2 {font-weight:800; color:#FFF; background:var(--sec60, #E41F1F)}
.mega-hms-strip .mega-hms-label-3 {border-color:var(--tgl-pri30, #4C70B5); color:var(--tgl-pri30, #4C70B5)}
@container (width < 37.51em){
.mega-hms-strip .mega-hms-team {width:1.25em; height:1.25em; overflow:hidden}
.mega-hms-strip .mega-hms-team img {float:none}
}