/* idn4 rozmery */
#meganato {container-type:inline-size; display:flex; flex-wrap:wrap; gap:var(--spacing-15, 1.5rem); max-width:964px; margin:0 auto var(--spacing-15, 1.5rem); padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); font-size:1rem; line-height:1.2; color:var(--tgl-pri80, #122E5B); background:linear-gradient(var(--tgl-neutral05-o90, #F0F2F3e5), var(--tgl-neutral05-o90, #F0F2F3e5)), url('/b/idnes/natodays2025-bg.jpg') no-repeat 0 50% / cover, var(--tgl-neutral05, #F0F2F3); overflow:hidden; box-sizing:border-box}

#meganato a {text-decoration:none}
#meganato a:hover h3, #meganato a:hover .more {text-decoration:underline}

#meganato .meganato-fl {flex:1; display:grid; grid-template-columns:182fr 338fr; gap:var(--spacing-15, 1.5rem)}

/* LOGO */
#meganato .megapruh-title {align-content:center; padding:0 2px}
#meganato .megapruh-title a {display:block; width:100%; height:0; padding:74.05% 0 0; overflow:hidden; text-indent:-999em; background:url('/b/idnes/natodays2025-logo.svg') no-repeat 0 50% / contain}
.dark #meganato .megapruh-title a {background-image:url('/b/idnes/natodays2025-logo-white.svg')}

/* Blok A */
#meganato .megapruh-a {display:flex; align-items:center}

#meganato .megapruh-artlist {display:flex; flex-direction:column; gap:.5rem}
#meganato .megapruh-artlist li {display:block; break-inside:avoid}
#meganato .megapruh-artlist li:nth-child(n+4) {display:none}

#meganato .megapruh-art {position:relative; display:block; font-weight:600; font-size:.875rem; line-height:1.25; }
#meganato .megapruh-art:before {content:''; float:left; width:.75em; height:1.25em; margin:0 .25em 0 0; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri30)}
#meganato .megapruh-art h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; padding:0; font-weight:inherit; font-size:inherit; line-height:inherit}


/* Blok B */
#meganato .megapruh-b {display:contents}

#meganato .megapruh-btn {display:flex; justify-content:center; align-items:center; padding:.75em; border:1px solid var(--tgl-pri20, #A7B9D9); border-radius:var(--radius-s, .25rem); font-weight:600; font-size:.875rem; line-height:1.25; color:var(--tgl-pri80, #122E5B); background:var(--tgl-white, #FFF); box-sizing:border-box}
#meganato .megapruh-btn:hover {background-color:var(--tgl-pri05b, #EDF2F9)}
#meganato .megapruh-btn-gal {border-color:transparent; color:#FFF; background-color:var(--tgl-pri60b, #1B3E7A)}
#meganato .megapruh-btn-gal:hover {background-color:var(--tgl-pri80b, #122E5B)}
#meganato .megapruh-btn-gal:before {content:''; display:inline-block; width:1.25em; height:1.25em; margin:0 .5em 0 0; background:url('/u/icon/fff/foto.svg') no-repeat 50% 50% / contain}
#meganato .megapruh-btn-a {}
#meganato .megapruh-btn-b {}

/* Blok C */
#meganato .megapruh-c {flex:0 0 348px}

#meganato .megapruh-live {display:none; text-transform:uppercase; line-height:1.25; font-weight:600; font-size:87.5%}
#meganato .megapruh-live:before {content:''; float:left; width:.85em; height:.85em; margin:.2em .5em 0 0; border-radius:100%; background:#E41F1F}


/* small verze */
#meganato.meganato-small {padding:1rem}
@container (width > 40em){ 
#meganato.meganato-small .meganato-fl {display:flex; justify-content:center; align-items:center; gap:var(--spacing-15, 1.5rem)}
#meganato.meganato-small .megapruh-title {width:99px}
#meganato.meganato-small .megapruh-btn {width:300px}
}

/* touch prepisy */
.css-t #meganato {flex-direction:column; margin-left:1rem; margin-right:1rem}
.section #meganato {margin-left:0; margin-right:0}
@container (width < 40em){
#meganato .meganato-fl {grid-template-columns:102px auto}
#meganato .megapruh-a {grid-row:2; grid-column:span 2}
#meganato .megapruh-b {grid-row:1; grid-column:2; display:flex; flex-direction:column; gap:var(--spacing-075, .75rem)}
#meganato .megapruh-c {flex:0 0 auto; width:100%} 
#meganato .megapruh-c:after {content:''; display:block; clear:both}
}