/* Est. 2025/08 */
:root {--umg-color:var(--tgl-neutral90, #2B3135); --umg-color-anchor:var(--tgl-pri80, #122E5B); --umg-bg:var(--tgl-neutral05, #F0F2F3); --umg-bg90:var(--tgl-neutral05-o90, #F0F2F3e5); --umg-bg50:var(--tgl-neutral05-o50, #F0F2F380); --umg-btn-bg:var(--tgl-white, #FFF); --umg-btn-bg2:var(--tgl-pri10, #D6DEEB); --umg-btn-border:var(--tgl-pri20, #A7B9D9); --umg-btn-filter:var(--filter-tgl-pri80); --umg-art-filter:var(--filter-tgl-pri30);}
.unimega-scheme-dark {--umg-color:#FFF; --umg-color-anchor:#FFF; --umg-bg:#2B3135; --umg-bg90:#2B3135e5; --umg-bg50:#2B313580; --umg-btn-bg:var(--neutral80, #434D52); --umg-btn-bg2:var(--black, #000); --umg-btn-border:var(--neutral60, #75868E); --umg-btn-filter:var(--filter-white, invert(100%)); --umg-art-filter:var(--filter-neutral60, invert(55%) sepia(19%) saturate(293%) hue-rotate(154deg) brightness(91%) contrast(82%));}
.unimega-scheme-blue {--umg-color:#FFF; --umg-color-anchor:#FFF; --umg-bg:#122E5B; --umg-bg90:#122E5Be5; --umg-bg50:#122E5B80; --umg-btn-bg:var(--pri60, #1B3E7A); --umg-btn-bg2:var(--pri90, #091E3C); --umg-btn-border:var(--pri30, #4C70B5); --umg-btn-filter:var(--filter-white, invert(100%)); --umg-art-filter:var(--filter-pri20, invert(76%) sepia(25%) saturate(405%) hue-rotate(181deg) brightness(93%) contrast(88%));}
.unimega-scheme-gold {--umg-color:#2B3135; --umg-color-anchor:#091E3C; --umg-bg:#E8B332; --umg-bg90:#E8B332e5; --umg-bg50:#E8B33280; --umg-btn-bg:#FFE100; --umg-btn-bg2:var(--ter20, #F6CC5C); --umg-btn-border:var(--ter70, #C28800); --umg-btn-filter:var(--filter-pri90); --umg-art-filter:var(--filter-ter70, invert(46%) sepia(87%) saturate(534%) hue-rotate(7deg) brightness(98%) contrast(102%));}
.unimega-scheme-red  {--umg-color:#FFF; --umg-color-anchor:#FFF; --umg-bg:#C11B1B; --umg-bg90:#C11B1Be5; --umg-bg50:#C11B1B80; --umg-btn-bg:#7B1313b2; --umg-btn-bg2:#7B1313; --umg-btn-border:#E41F1F; --umg-btn-filter:var(--filter-white, invert(100%)); --umg-art-filter:var(--filter-sec20, invert(62%) sepia(17%) saturate(740%) hue-rotate(312deg) brightness(110%) contrast(99%));}
			
.unimega {container-type:inline-size; position:relative; display:block; max-width:964px; margin:0 auto var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); color:var(--umg-color); background:var(--umg-bg); overflow:hidden}
.section .unimega {border-radius:var(--radius-m, .5rem)}

/* pozadi */
.unimega-bg {position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; display:flex; border-radius:inherit; background:inherit; overflow:hidden}
.unimega-bg samp, .unimega-bg samp img {position:relative; display:block; width:auto; height:100%}
.unimega-bg samp:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:linear-gradient(180deg, var(--umg-bg) 0%, transparent 10%, var(--umg-bg90) 75%, var(--umg-bg) 100%), linear-gradient(90deg, var(--umg-bg) 0%, var(--umg-bg50) 20%, var(--umg-bg50) 80%, var(--umg-bg) 100%)}
.unimega-bg-tac .unimega-bg {justify-content:center}
.unimega-bg-tar .unimega-bg {justify-content:flex-end}
.unimega-bg-taj samp, .unimega-bg-taj samp img {width:100%}

/* obsah */
.unimega-in {position:relative; z-index:2; padding:var(--spacing-15, 1.5rem)}
.unimega a {color:var(--umg-color-anchor)}
.unimega h1 {margin:0 auto var(--spacing-1, 1rem); text-align:center; font-weight:800; font-size:2.5rem; line-height:1.1; font-family:var(--ff-m, 'Inter')}
.unimega h1 small {display:block; font-weight:600; font-size:1rem; line-height:1.25}
.unimega h1 a {color:inherit; text-decoration:none}

.unimega-arts, .unimega-btnout {display:flex; justify-content:center; flex-wrap:wrap; gap:.5rem; max-width:881px; margin:0 auto; font-size:.875rem; line-height:1.25}
.unimega-arts {padding-bottom:var(--spacing-1, 1rem)}
.unimega-art, .mega-online-out, .unimega-btn, .unimega-btnout li {flex:1 0 0; min-width:182px; max-width:300px; padding:0 var(--spacing-05, .5rem); box-sizing:border-box}

.unimega-art {display:flex; gap:.25em}
.unimega-art:before {content:''; flex:0 0 auto; width:.75em; height:1.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--umg-art-filter)}
.unimega-art h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font:inherit; font-weight:600}

@container (width < 38em){
.unimega-bg samp {width:100%; height:fit-content}
.unimega-bg samp img {width:100%; height:auto}
.unimega h1 {font-size:2rem}
.unimega-arts {flex-direction:column}
.unimega-art, .mega-online-out, .unimega-btn, .unimega-btnout li {flex:0 0 auto; width:100%; max-width:none}
.unimega-btnout {max-width:328px}
}

.mega-online-out {position:relative; max-width:632px}
.unimega .mega-live {display:none}
.unimega .mega-online {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:0;}
.unimega .mega-online * {display:inline}
.unimega .mega-online .time {float:left; min-width:3.375em; text-align:center; margin:0 .375em 0 0; padding:0 .125em; border-radius:var(--radius-xs, .125rem); font-weight:800; color:var(--umg-color); background:var(--umg-btn-bg)}
.unimega .mega-online .item ~ .item {display:none}
.unimega .mega-more {position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; text-indent:-999em}

.unimega-btnout li {display:block; padding:0}
.unimega-btn, .unimega-btn:hover {display:flex; justify-content:center; align-items:center; gap:.5em; padding:.75em 1em; border:1px solid var(--umg-btn-border); border-radius:var(--radius-s, .25rem); font-weight:600; text-transform:uppercase; text-decoration:none; color:var(--umg-color-anchor); background:var(--umg-btn-bg)}
.unimega-btn:hover {background-color:var(--umg-btn-bg2)}
.unimega-btn:before {filter:var(--umg-btn-filter)}

.unimega-btn-live:before {content:''; display:block; width:1.25em; height:1.25em; background:url('/u/icon/000/disc.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-sec60)}

/* docasny fix kvuli prg kreativite */
#debug + #main .unimega-btnout > .unimega-btn {opacity:.5}
#debug + #main .unimega-btnout:has(> .unimega-btn)::after {content:'AMC\20 chyba!\20 Tla\10d \ed tka\20 bez\20 mezer\20 :-('; position:absolute; font-weight:800; font-size:200%; text-shadow:0 0 .25em #000}