@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600&family=Roboto+Mono:wght@400;500&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --ink:#1a1a1a;--ink-mid:#3d3d3d;--ink-muted:#7a7a7a;
  --paper:#f7f4ef;--paper-d:#ede9e0;
  --red:#c8102e;--blue:#1a4a8a;--amber:#d4860a;
  --rule:rgba(0,0,0,0.09);--rule-s:rgba(0,0,0,0.18);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Source Sans 3',system-ui,sans-serif;
  --mono:'Roboto Mono',monospace;
}

body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}

/* GLOBÁLNÍ RESET OBRÁZKŮ — žádné auto-roztahování */
img{display:block;max-width:100%;height:auto}

.wrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* ── ANIMACE ── */
@keyframes blink    {0%,100%{opacity:1}50%{opacity:.15}}
@keyframes tick     {from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fadeInUp {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

.fade-in{animation:fadeInUp .45s ease both}
@media(prefers-reduced-motion:reduce){.fade-in,.reveal{animation:none!important;opacity:1!important;transform:none!important}}

/* ── TOP BAR ── */
.topbar{background:#111;border-bottom:2px solid var(--red);font-family:var(--mono);font-size:11px;color:#aaa}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-bottom:5px;gap:12px}
.live{display:inline-flex;align-items:center;gap:5px;color:#fff;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;background:#e63;flex-shrink:0;animation:blink 1.3s infinite}
.ticker{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}
.ticker span{display:inline-block;animation:tick 40s linear infinite}
.topbar-date{white-space:nowrap}

/* ── AI BAR ── */
.aibar{background:var(--paper-d);border-bottom:1px solid var(--rule-s);font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.aibar .wrap{display:flex;gap:16px;padding-top:5px;padding-bottom:5px;flex-wrap:wrap}
.aibar span{display:inline-flex;align-items:center;gap:4px}
.adot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.on{background:#2a8a2a}.idle{background:var(--amber)}

/* ── MASTHEAD ── */
.mast{border-bottom:3px double var(--rule-s);background:var(--paper)}
.mast .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:16px}
.logo{font-family:var(--serif);font-weight:900;font-size:52px;line-height:1;letter-spacing:-2.5px;color:var(--ink);display:block;transition:opacity .2s}
.logo:hover{opacity:.8}
.logo em{color:var(--red);font-style:normal}
.logo sup{font-size:14px;color:var(--ink-muted);letter-spacing:.1em;font-weight:400;vertical-align:super}
.logo-sub{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-top:4px}
.mast-meta{text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink-muted);line-height:2}
.mast-meta strong{color:var(--red)}

/* ── NAV ── */
.nav-bar{background:var(--ink);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:100}
.nav-bar .wrap{display:flex;overflow-x:auto;scrollbar-width:none}
.nav-bar .wrap::-webkit-scrollbar{display:none}
.nav-bar a{display:block;padding:10px 14px;color:#bbb;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.06);white-space:nowrap;transition:background .15s,color .15s}
.nav-bar a:hover,.nav-bar a.act{color:#fff;background:var(--red)}

/* ── BREAKING ── */
.breaking{background:var(--red)}
.breaking .wrap{display:flex;gap:12px;align-items:center;padding-top:7px;padding-bottom:7px;font-size:13px;color:#fff}
.br-label{background:#fff;color:var(--red);font-weight:700;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;flex-shrink:0}

/* ── SEARCH ── */
.search-bar{background:#fff;border-bottom:1px solid var(--rule-s)}
.search-bar .wrap{display:flex;gap:10px;align-items:center;padding-top:10px;padding-bottom:10px}
.search-bar input{flex:1;padding:8px 14px;font-size:13px;font-family:var(--sans);border:1px solid var(--rule-s);outline:none;background:#fafafa;transition:border .15s;min-width:0}
.search-bar input:focus{border-color:var(--red);background:#fff}
.search-bar button{padding:8px 20px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:background .15s;white-space:nowrap}
.search-bar button:hover{background:var(--red)}
.smeta{font-family:var(--mono);font-size:10px;color:var(--ink-muted);white-space:nowrap}

/* ── PILLS ── */
.pills-bar{background:#fff;border-bottom:1px solid var(--rule)}
.pills-bar .wrap{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding-top:9px;padding-bottom:9px}
.plabel{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase;margin-right:4px;white-space:nowrap}
.pill{padding:3px 12px;border:1px solid var(--rule-s);font-size:11px;font-family:var(--mono);background:#fff;color:var(--ink-mid);transition:all .15s;display:inline-block;cursor:pointer}
.pill:hover,.pill.pa{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ══════════════════════════════════
   HERO SECTION
══════════════════════════════════ */
.hero-section{background:#fff;border-bottom:2px solid var(--rule-s);padding:20px 0}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:20px;
  align-items:start;
}

/* Hlavní hero */
.hero-main{}
.hero-img-wrap{
  display:block;
  width:100%;
  height:240px;        /* PEVNÁ výška */
  overflow:hidden;
  position:relative;
  background:var(--paper-d);
}
.hero-img-wrap img{
  width:100%;
  height:240px;        /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.hero-img-wrap:hover img{transform:scale(1.03)}
.hero-img-overlay{position:absolute;top:10px;left:10px;z-index:2}

.hero-body{padding:12px 0 0}
.hero-body h1{font-family:var(--serif);font-size:26px;font-weight:900;line-height:1.15;letter-spacing:-.3px;margin-bottom:8px}
.hero-body h1 a:hover{color:var(--red)}
.hero-perex{font-size:13px;line-height:1.65;color:var(--ink-mid);font-weight:300;margin-bottom:8px}

/* Dva vedlejší hero */
.hero-sub{display:flex;flex-direction:column;gap:0}

.hero-side{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid var(--rule);
}
.hero-side:last-child{border-bottom:none;padding-bottom:0}

.hero-side-img{
  display:block;
  width:130px;
  height:90px;         /* PEVNÁ výška */
  overflow:hidden;
  position:relative;
  background:var(--paper-d);
  flex-shrink:0;
}
.hero-side-img img{
  width:130px;
  height:90px;         /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.hero-side-img:hover img{transform:scale(1.05)}
.src-tag-sm{position:absolute;bottom:4px;left:4px;color:#fff;font-size:7px;letter-spacing:.08em;font-family:var(--mono);padding:2px 5px;text-transform:uppercase;background:rgba(0,0,0,.5)}

.hero-side-body{}
.hero-side-body h2{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:6px}
.hero-side-body h2 a:hover{color:var(--red)}

/* ── Sdílené prvky ── */
.art-meta{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;color:var(--ink-muted);flex-wrap:wrap;margin-top:6px}
.ai-badge{background:var(--amber);color:#fff;font-size:8px;font-weight:600;letter-spacing:.1em;padding:2px 5px;text-transform:uppercase;white-space:nowrap}
.src-tag{color:#fff;padding:2px 7px;font-size:9px;letter-spacing:.08em;font-family:var(--mono);text-transform:uppercase}
.btn-cist{color:var(--red);font-size:11px;font-family:var(--mono);margin-left:auto;white-space:nowrap}
.kick{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.img-empty{width:100%;height:100%;background:var(--paper-d)}

/* ══════════════════════════════════
   HLAVNÍ OBSAH + SIDEBAR
══════════════════════════════════ */
.main-wrap{padding:24px 0 40px}
.content-sidebar-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;
  align-items:start;
}

/* ── RUBRIKA SEKCE ── */
.rubrika-sekce{margin-bottom:32px}

.sekce-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--rule);
}
.sekce-linka{width:4px;height:24px;flex-shrink:0;border-radius:2px}
.sekce-nadpis{font-family:var(--serif);font-size:22px;font-weight:900;letter-spacing:-.3px;display:flex;align-items:center;gap:7px}
.sekce-icon{font-size:13px;color:var(--ink-muted);font-style:normal}
.sekce-vsechny{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.06em;white-space:nowrap;transition:color .15s;border:1px solid var(--rule-s);padding:3px 10px}
.sekce-vsechny:hover{color:var(--red);border-color:var(--red)}

.sekce-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.sekce-card{
  background:#fff;
  border:1px solid var(--rule);
  overflow:hidden;
  transition:box-shadow .2s,transform .2s;
  display:flex;
  flex-direction:column;
}
.sekce-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}

.sekce-card-img{
  display:block;
  width:100%;
  height:120px;         /* PEVNÁ výška */
  overflow:hidden;
  background:var(--paper-d);
  flex-shrink:0;
}
.sekce-card-img img{
  width:100%;
  height:120px;         /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.sekce-card:hover .sekce-card-img img{transform:scale(1.05)}

.sekce-card-body{padding:11px;flex:1;display:flex;flex-direction:column}
.sekce-card-body h3{font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:5px;flex:1}
.sekce-card-body h3 a:hover{color:var(--red)}
.sekce-card-body p{font-size:12px;color:var(--ink-mid);line-height:1.5;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ══════════════════════════════════
   SIDEBAR
══════════════════════════════════ */
.sidebar{position:sticky;top:56px;display:flex;flex-direction:column;gap:16px}

.sid-box{background:#fff;border:1px solid var(--rule);overflow:hidden}
.sid-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:var(--ink);padding:8px 12px;
  display:flex;align-items:center;gap:6px;
  border-bottom:2px solid var(--red);
  transition:background .15s;
}
.sid-label[onclick]:hover{ background:#2a2a2a; }
.sid-dot{width:6px;height:6px;border-radius:50%;background:#e63;flex-shrink:0;animation:blink 1.3s infinite}

/* Nejnovější s obrázky */
.lat-item{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:9px;
  padding:9px 10px;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
  align-items:start;
}
.lat-item:last-child{border-bottom:none}
.lat-item:hover{background:var(--paper)}

.lat-thumb{
  display:block;
  width:60px;
  height:44px;    /* PEVNÁ výška */
  overflow:hidden;
  background:var(--paper-d);
  flex-shrink:0;
}
.lat-thumb img{
  width:60px;
  height:44px;    /* PEVNÁ výška */
  object-fit:cover;
  display:block;
}
.lat-body{min-width:0}
.ltag{display:inline-block;color:#fff;font-size:7px;letter-spacing:.1em;text-transform:uppercase;padding:1px 4px;margin-bottom:3px;font-family:var(--mono)}
.lat-t{font-family:var(--serif);font-size:12px;font-weight:700;line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lat-t a:hover{color:var(--red)}
.lat-m{font-family:var(--mono);font-size:9px;color:var(--ink-muted)}

/* Trending */
.tr-item{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-bottom:1px solid var(--rule);transition:background .15s}
.tr-item:last-child{border-bottom:none}
.tr-item:hover{background:var(--paper)}
.tr-n{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--paper-d);line-height:1;min-width:22px;flex-shrink:0}
.tr-t{font-size:12px;font-weight:600;line-height:1.35}
.tr-t a:hover{color:var(--red)}
.tr-m{font-family:var(--mono);font-size:9px;color:var(--ink-muted);margin-top:2px}

/* Regiony */
.kraje-details{}
.kraje-summary{
  padding:9px 12px;font-family:var(--mono);font-size:11px;
  cursor:pointer;list-style:none;color:var(--ink-mid);
  transition:background .15s;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--rule);
}
.kraje-summary:hover{background:var(--paper)}
.kraje-summary::-webkit-details-marker{display:none}
.kraje-list{display:flex;flex-direction:column}
.kraj-link{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 12px;font-size:12px;font-family:var(--sans);
  border-bottom:1px solid var(--rule);transition:background .12s,color .12s;
}
.kraj-link:last-child{border-bottom:none}
.kraj-link:hover,.kraj-link.act{background:var(--paper);color:var(--red)}
.kraj-pocet{font-family:var(--mono);font-size:9px;color:var(--ink-muted);background:var(--paper-d);padding:1px 5px}

/* ── FOOTER ── */
.footer{background:var(--ink);color:#777;border-top:3px solid var(--red);padding:32px 0 20px}
.footer .wrap{}
.footer-logo{font-family:var(--serif);font-size:30px;font-weight:900;color:#fff;margin-bottom:20px;letter-spacing:-1px}
.footer-logo em{color:var(--red);font-style:normal}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}
.footer-cols strong{display:block;color:#ccc;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
.footer-cols a{display:block;font-size:12px;margin-bottom:5px;color:#888;transition:color .12s}
.footer-cols a:hover{color:#fff}
.footer-bottom{font-family:var(--mono);font-size:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;text-align:center}

/* ── ČLÁNEK DETAIL ── */
.article-wrap{max-width:760px;margin:30px auto;padding:0 20px}
.article-header h1{font-family:var(--serif);font-size:34px;font-weight:900;line-height:1.15;margin-bottom:12px}
.article-perex{font-size:16px;font-weight:300;line-height:1.7;color:var(--ink-mid);border-left:3px solid var(--red);padding-left:14px;margin-bottom:20px}
.article-img{width:100%;height:320px;overflow:hidden;margin-bottom:20px;background:var(--paper-d)}
.article-img img{width:100%;height:320px;object-fit:cover;display:block}
.article-body{font-size:15px;line-height:1.8;color:var(--ink-mid)}
.article-body p{margin-bottom:14px}
.article-body h2{font-family:var(--serif);font-size:21px;font-weight:700;margin:20px 0 10px;color:var(--ink)}
.article-sources{margin-top:24px;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11px;color:var(--ink-muted)}
.article-sources a{color:var(--blue)}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
.hamburger{display:none} /* skrytý na desktopu */
.mobile-menu{display:none}

/* ══════════════════════════════════
   TABLET 960px
══════════════════════════════════ */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-img-wrap,.hero-img-wrap img{height:220px}
  .hero-sub{flex-direction:column;gap:0}
  .content-sidebar-grid{grid-template-columns:1fr}
  .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .nav-bar .wrap{overflow-x:auto;gap:0}
  .nav-bar a{padding:10px 10px;font-size:10px}
}

/* ══════════════════════════════════
   MOBILNÍ 640px — KOMPLETNÍ
══════════════════════════════════ */
@media(max-width:640px){

  /* Zamezit přetékání */
  html,body{overflow-x:hidden;max-width:100vw}
  *{box-sizing:border-box}
  .wrap{padding:0 14px}

  /* TOPBAR */
  .topbar .wrap{padding:0 14px}
  .ticker{max-width:calc(100vw - 140px)}

  /* AI STATUS BAR */
  .trends-bar .wrap{gap:4px;padding:6px 14px;flex-wrap:nowrap;overflow-x:auto}
  .trend-pill{font-size:10px;padding:2px 8px}

  /* MASTHEAD */
  .mast .wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:10px 14px}
  .logo{font-size:28px;letter-spacing:-1.5px}
  .logo sup{font-size:10px}
  .logo-sub{font-size:8px;display:none}
  .mast-meta{text-align:right;font-size:10px}
  .mast-meta #czech-date{font-size:10px}

  /* HAMBURGER — schovat všechny nav linky, nechat jen hamburger */
  .nav-bar .wrap{
    display:flex;align-items:center;justify-content:space-between;
    padding:0 14px;position:relative;height:44px;
  }
  .nav-bar a{ display:none!important }
  .nav-bar .nav-kraje-wrap{ display:none!important }
  .hamburger{ display:flex!important }

  .hamburger{
    display:flex!important;
    flex-direction:column;justify-content:center;gap:5px;
    width:36px;height:36px;cursor:pointer;
    background:none;border:none;padding:4px;margin-left:auto;
  }
  .hamburger span{
    display:block;height:2px;background:#fff;border-radius:2px;
    transition:transform .25s,opacity .25s;
  }
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hamburger.open span:nth-child(2){opacity:0}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* MOBILNÍ MENU */
  .mobile-menu{
    display:none;
    position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;
    background:#111;overflow-y:auto;
    flex-direction:column;
  }
  .mobile-menu.open{display:flex}
  .mobile-menu-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;border-bottom:1px solid #222;
  }
  .mobile-menu-head .logo{font-size:24px}
  .mobile-menu-close{
    background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;
  }
  .mobile-menu-links{padding:12px 0;flex:1}
  .mobile-menu-links a{
    display:block;padding:14px 20px;color:#ddd;font-family:var(--sans);
    font-size:15px;font-weight:600;border-bottom:1px solid #1a1a1a;
    text-decoration:none;letter-spacing:.02em;
  }
  .mobile-menu-links a:hover,.mobile-menu-links a.act{color:#fff;background:#1a1a1a}
  .mobile-menu-kraje{padding:8px 20px 20px}
  .mobile-menu-kraje-title{
    font-family:var(--mono);font-size:9px;letter-spacing:.14em;
    text-transform:uppercase;color:#555;margin-bottom:10px;
  }
  .mobile-menu-kraje-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:4px;
  }
  .mobile-menu-kraje-grid a{
    padding:8px 12px;font-size:12px;color:#999;border:1px solid #222;
    text-decoration:none;transition:all .15s;
  }
  .mobile-menu-kraje-grid a:hover{background:var(--red);color:#fff;border-color:var(--red)}

  /* TRENDS BAR — na mobilu schovat */
  .trends-bar{ display:none }

  /* BREAKING */
  .breaking .wrap{font-size:12px}

  /* SEARCH */
  .search-bar .wrap{flex-wrap:wrap;gap:8px}
  .search-bar input{font-size:14px}
  .smeta{display:none}

  /* AI PROMO BANNER — na mobilu jen lišta, bez rozbalení */
  .ai-promo-bar{ max-height:44px!important; overflow:hidden!important; }
  .ai-promo-bar:hover{ max-height:44px!important; }
  .ai-promo-top{height:44px;padding:0 14px;gap:8px}
  .ai-promo-desc,.ai-promo-sep{ display:none }
  .ai-promo-title{ font-size:12px }
  .ai-promo-badge{ font-size:8px;padding:3px 8px }

  /* HERO */
  .hero-section .wrap{padding:0}
  .hero-grid{grid-template-columns:1fr}
  .hero-img-wrap img,.hero-img-wrap{height:200px!important}
  .hero-body{padding:12px 14px}
  .hero-body h1{font-size:20px;line-height:1.2}
  .hero-perex{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-sub{flex-direction:column;gap:0}
  .hero-side{grid-template-columns:100px 1fr;padding:10px 14px}
  .hero-side-img img{width:100px;height:70px}
  .hero-side-body h2{font-size:12px}
  .hero-nav{padding:8px 0}

  /* SEKCE GRID */
  .sekce-grid{grid-template-columns:1fr!important}
  .sekce-card-img{ display:block!important }
  .sekce-card-img img{ height:180px!important;display:block!important }
  .lat-thumb img{ display:block!important }
  .sekce-header{padding:0 0 8px}
  .sekce-nadpis{font-size:16px}
  .sekce-card-img img{height:160px!important}

  /* SIDEBAR — pod hlavním obsahem, 1 sloupec */
  .sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .content-sidebar-grid{grid-template-columns:1fr!important}

  /* SOCIAL WIDGET */
  .ai-promo-fallback{padding:16px}
  .social-widget-head{padding:10px 12px}
  .social-widget-body{padding:12px}

  /* QUIZ SEKCE */
  .quiz-grid{grid-template-columns:1fr!important}
  .quiz-sekce{padding:24px 0}

  /* FOOTER */
  .footer-cols{grid-template-columns:1fr}
  .footer-logo{font-size:24px}

  /* DARK MODE BUTTON — dát do spodního středu, ne mimo */
  .dm-toggle{
    bottom:16px;right:16px;
    width:40px;height:40px;font-size:16px;
  }

  /* PROMO KARTA */
  .promo-card .promo-title{font-size:13px}
}

/* ══════════════════════════════════
   WIDGET: POČASÍ
══════════════════════════════════ */
.widget-loading{padding:14px 12px;font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-align:center}
.widget-err{padding:12px;font-family:var(--mono);font-size:10px;color:#a33;text-align:center}
.widget-zdroj{padding:6px 12px;font-family:var(--mono);font-size:9px;color:var(--ink-muted);border-top:1px solid var(--rule);text-align:right;background:var(--paper)}

.pocasi-grid{display:flex;flex-direction:column}

.pocasi-mesto{
  padding:9px 12px;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
}
.pocasi-mesto:last-child{border-bottom:none}
.pocasi-mesto:hover{background:var(--paper)}

.pocasi-top{display:flex;align-items:center;gap:8px}
.pocasi-ikona{font-size:22px;line-height:1;flex-shrink:0;width:28px;text-align:center}
.pocasi-nazev{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink)}
.pocasi-popis{font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.pocasi-temp{
  margin-left:auto;
  font-family:var(--serif);
  font-size:22px;
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
  min-width:40px;
  text-align:right;
}
.pocasi-detail{
  display:flex;gap:10px;
  margin-top:3px;
  padding-left:36px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
}

/* ══════════════════════════════════
   WIDGET: KURZY
══════════════════════════════════ */
.kurzy-datum{
  padding:6px 12px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
  background:var(--paper);
  border-bottom:1px solid var(--rule);
  letter-spacing:.06em;
}

.kurzy-table{width:100%;border-collapse:collapse}
.kurz-row{border-bottom:1px solid var(--rule);transition:background .12s}
.kurz-row:last-child{border-bottom:none}
.kurz-row:hover{background:var(--paper)}

.kurz-vlajka{padding:7px 6px 7px 12px;font-size:15px;width:28px}
.kurz-kod{
  padding:7px 4px;
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
  color:var(--ink);
  width:40px;
}
.kurz-hodnota{
  padding:7px 4px;
  font-family:var(--mono);
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  text-align:right;
}
.kurz-mena{
  padding:7px 12px 7px 4px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
  width:30px;
}

/* ══════════════════════════════════
   SVÁTEK BADGE
══════════════════════════════════ */
.svatek-badge{
  font-family:var(--mono);font-size:9px;letter-spacing:.06em;
  background:#ede9e0;color:#7a5a1a;padding:1px 6px;
  margin-left:6px;white-space:nowrap;
}

/* ══════════════════════════════════
   WIDGET: SPORT
══════════════════════════════════ */
.sport-liga{border-bottom:1px solid var(--rule)}
.sport-liga:last-child{border-bottom:none}

.sport-liga-header{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;
  background:var(--paper);
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-muted);
  border-bottom:1px solid var(--rule);
}

.sport-zapas{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 36px;
  gap:4px;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid var(--rule);
  transition:background .12s;
  font-size:11px;
}
.sport-zapas:last-child{border-bottom:none}
.sport-zapas:hover{background:var(--paper)}

.sport-tym{
  font-family:var(--sans);font-size:11px;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink);
}
.sport-tym-home{text-align:right}
.sport-tym-away{text-align:left}

.sport-skore{
  text-align:center;font-family:var(--mono);font-size:12px;font-weight:600;
  color:var(--ink);background:var(--paper-d);padding:2px 4px;
  white-space:nowrap;
}

.sport-datum{
  font-family:var(--mono);font-size:9px;color:var(--ink-muted);
  text-align:right;white-space:nowrap;
}

.sport-liga-nazev{
  font-family:var(--mono);font-size:8px;color:var(--ink-muted);
  padding:0 10px 5px 10px;letter-spacing:.04em;
  border-bottom:1px solid var(--rule);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.sport-live{font-family:var(--mono);font-size:7px;color:#e63;letter-spacing:.08em;display:block;margin-top:1px;animation:blink 1.3s infinite}
.sport-zapas-live{background:#1a0a0a}
.sport-zapas-live .sport-skore{color:#e63;background:#2a0808}

/* ══════════════════════════════════
   HERO SLIDESHOW
══════════════════════════════════ */
.hero-slideshow{position:relative;overflow:hidden}

.hero-slide{display:none;animation:heroFadeIn .4s ease}
.hero-slide.active{display:block}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Navigace — tečky + šipky */
.hero-nav{
  display:flex;align-items:center;justify-content:center;
  gap:8px;padding:10px 0 4px;
}
.hero-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--rule-s);border:none;cursor:pointer;
  transition:background .2s,transform .2s;padding:0;
}
.hero-dot.active{background:var(--red);transform:scale(1.3)}
.hero-dot:hover{background:var(--ink)}

.hero-prev,.hero-next{
  background:none;border:1px solid var(--rule-s);
  color:var(--ink-muted);font-size:18px;line-height:1;
  width:28px;height:28px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;margin-left:4px;
}
.hero-prev{margin-left:10px}
.hero-prev:hover,.hero-next:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Hero-sub — 3 sloupce */
.hero-sub{display:flex;flex-direction:column;gap:0}
.hero-side{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--rule);
}
.hero-side:last-child{border-bottom:none;padding-bottom:0}

/* ══════════════════════════════════
   REKLAMNÍ BANNERY
══════════════════════════════════ */
.reklama-wrap{
  position:relative;
  margin:20px 0;
  text-align:center;
  background:var(--paper-d);
  border:1px dashed var(--rule-s);
  overflow:hidden;
}
.reklama-wrap img{
  max-width:100%;height:auto;display:block;margin:0 auto;
}
.reklama-label{
  position:absolute;top:2px;right:6px;
  font-family:var(--mono);font-size:8px;letter-spacing:.08em;
  color:var(--ink-muted);text-transform:uppercase;opacity:.5;
}
.reklama-link{display:block}
.reklama-hero_pod{margin:0 0 20px}
.reklama-sekce_1,.reklama-sekce_2{border-radius:0}
.reklama-sidebar_top,.reklama-sidebar_mid{margin:0 0 16px}

/* ══════════════════════════════════
   DARK MODE
══════════════════════════════════ */
:root{
  --dm-bg:#0f0f0f;--dm-bg2:#161616;--dm-bg3:#1e1e1e;
  --dm-ink:#e0e0e0;--dm-ink-mid:#a0a0a0;--dm-ink-muted:#606060;
  --dm-paper:#111;--dm-paper-d:#1a1a1a;
  --dm-rule:rgba(255,255,255,0.06);--dm-rule-s:rgba(255,255,255,0.12);
}

body.dark{
  background:var(--dm-bg);color:var(--dm-ink);
}
body.dark .mast,
body.dark .search-bar,
body.dark .pills-bar,
body.dark .hero-section,
body.dark .sekce-card,
body.dark .sid-box,
body.dark .footer{
  background:var(--dm-bg2);
}
body.dark .aibar{ background:var(--dm-bg3); }
body.dark .hero-section{ background:var(--dm-bg); }
body.dark .breaking{ background:var(--red); }
body.dark .nav-bar{ background:#000; }
body.dark .sid-label{ background:var(--dm-bg3);border-bottom:2px solid var(--red); }
body.dark .main-wrap{ background:var(--dm-bg); }
body.dark .topbar{ background:#000; }
body.dark a{ color:var(--dm-ink); }
body.dark a:hover{ color:var(--red); }
body.dark .sekce-card{ border-color:var(--dm-rule); }
body.dark .sekce-card:hover{ box-shadow:0 4px 20px rgba(0,0,0,.5); }
body.dark .hero-body h1 a,
body.dark .sekce-card-body h3 a,
body.dark .lat-t a,
body.dark .hero-side-body h2 a,
body.dark .tr-t a,
body.dark .sekce-nadpis,
body.dark .sid-label{ color:var(--dm-ink); }
body.dark .sekce-card-body{ background:var(--dm-bg2); }
body.dark .lat-item{ border-color:var(--dm-rule); }
body.dark .tr-item{ border-color:var(--dm-rule); }
body.dark .hero-body h1 a{ color:#fff; }
body.dark .hero-side-body h2 a{ color:#ddd; }
body.dark .hero-perex,
body.dark .sekce-card-body p,
body.dark .lat-m,
body.dark .art-meta{ color:var(--dm-ink-muted); }
body.dark .search-bar{ background:var(--dm-bg2);border-color:var(--dm-rule); }
body.dark .search-bar input{ background:var(--dm-bg3);border-color:var(--dm-rule-s);color:var(--dm-ink); }
body.dark .search-bar button{ background:var(--dm-bg3);border:1px solid var(--dm-rule-s); }
body.dark .pill{ background:var(--dm-bg3);border-color:var(--dm-rule-s);color:var(--dm-ink-muted); }
body.dark .pill:hover,.dark .pill.pa{ background:var(--red);color:#fff; }
body.dark .reklama-wrap{ background:var(--dm-bg3);border-color:var(--dm-rule-s); }
body.dark .kraj-link:hover{ background:var(--dm-bg3); }
body.dark .tr-item:hover,.dark .lat-item:hover{ background:var(--dm-bg3); }
body.dark .mast-meta{ color:var(--dm-ink-muted); }
body.dark .logo-sub{ color:var(--dm-ink-muted); }
body.dark .logo{ color:var(--dm-ink); }
body.dark .logo em{ color:var(--red); }
body.dark .logo sup{ color:var(--dm-ink-muted); }
body.dark .sekce-header{ border-color:var(--dm-rule); }

/* Dark mode přepínač */
.dm-toggle{
  position:fixed;bottom:24px;right:24px;z-index:999;
  width:44px;height:44px;border-radius:50%;
  background:var(--ink);color:#fff;
  border:2px solid rgba(255,255,255,.15);
  font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
  transition:all .3s;
}
.dm-toggle:hover{ transform:scale(1.1);background:var(--red); }
body.dark .dm-toggle{ background:var(--dm-bg3);border-color:rgba(255,255,255,.2); }

/* ══════════════════════════════════
   ANIMACE LOGA
══════════════════════════════════ */
/* Animace loga — slide in + fade */
@keyframes logoSlideIn{
  0%  { opacity:0; transform:translateY(-12px); }
  100%{ opacity:1; transform:translateY(0); }
}
@keyframes logoEmPulse{
  0%  { color:var(--ink); }
  40% { color:var(--red); text-shadow:0 0 20px rgba(200,16,46,.6); }
  70% { color:var(--red); text-shadow:0 0 8px rgba(200,16,46,.3); }
  100%{ color:var(--red); text-shadow:none; }
}
@keyframes logoSubFade{
  0%  { opacity:0; transform:translateX(-8px); }
  100%{ opacity:1; transform:translateX(0); }
}
.logo.animate      { animation:logoSlideIn .6s cubic-bezier(.16,1,.3,1) both; }
.logo em.animate   { animation:logoEmPulse .8s ease .4s both; font-style:normal; }
.logo-sub.animate  { animation:logoSubFade .5s ease .6s both; }

/* ══════════════════════════════════
   PARALLAX HERO
══════════════════════════════════ */
.hero-img-wrap{overflow:hidden}
.hero-img-wrap img.parallax{
  transform:translateY(0);
  will-change:transform;
  transition:transform .1s linear;
}

/* ══════════════════════════════════
   SMOOTH SCROLL + NAV HIGHLIGHT
══════════════════════════════════ */
html{ scroll-behavior:smooth; }
.nav-bar a{ position:relative; }
.nav-bar a .nav-indicator{
  position:absolute;bottom:0;left:0;right:0;
  height:3px;background:var(--red);
  transform:scaleX(0);transition:transform .2s;
}
.nav-bar a.act .nav-indicator{ transform:scaleX(1); }

/* ── KRAJE DROPDOWN v pills baru ── */
.kraje-dropdown{position:relative;display:inline-block}
.kraje-dropdown summary{list-style:none;cursor:pointer}
.kraje-dropdown summary::-webkit-details-marker{display:none}
.kraje-pill{white-space:nowrap}

.kraje-dropdown-list{
  position:absolute;top:calc(100% + 4px);left:0;z-index:200;
  background:#fff;border:1px solid var(--rule-s);
  min-width:200px;max-height:320px;overflow-y:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  display:flex;flex-direction:column;
}
.kraje-drop-item{
  padding:7px 14px;font-size:12px;font-family:var(--sans);
  border-bottom:1px solid var(--rule);color:var(--ink);
  transition:background .12s;white-space:nowrap;
}
.kraje-drop-item:last-child{border-bottom:none}
.kraje-drop-item:hover,.kraje-drop-item.act{background:var(--paper);color:var(--red)}

body.dark .kraje-dropdown-list{background:var(--dm-bg2);border-color:var(--dm-rule-s)}
body.dark .kraje-drop-item{color:var(--dm-ink);border-color:var(--dm-rule)}
body.dark .kraje-drop-item:hover{background:var(--dm-bg3)}

/* ── KURZY TLAČÍTKO ── */
.kurzy-btn{
  background:var(--ink);color:#fff;border:none;
  padding:8px 18px;font-family:var(--mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  transition:background .15s;width:100%;
}
.kurzy-btn:hover{background:var(--red)}
.kurzy-btn:disabled{opacity:.5;cursor:wait}
body.dark .kurzy-btn{background:var(--dm-bg3);border:1px solid var(--dm-rule-s)}

/* ── SVÁTEK BADGE ── */
.svatek-badge{
  font-family:var(--mono);font-size:10px;
  color:var(--amber);letter-spacing:.04em;
  margin-left:4px;
}
.svatek-badge strong{color:var(--amber)}

/* ══════════════════════════════════
   AI HUDEBNÍ HITPARÁDA
══════════════════════════════════ */
.hudba-box{ overflow:hidden }

.hudba-label{
  background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 100%) !important;
  border-bottom:2px solid #7b2d8b !important;
  position:relative;
}
.hudba-note{
  font-size:16px;
  animation:notePulse 2s ease infinite;
}
@keyframes notePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}}
.hudba-live{
  margin-left:auto;
  font-size:8px;color:#e63;letter-spacing:.1em;
  animation:blink 1.3s infinite;
}

.hudba-player{ max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent }

.hudba-track{
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;cursor:pointer;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
  position:relative;
}
.hudba-track:last-child{border-bottom:none}
.hudba-track:hover{ background:rgba(123,45,139,.08) }
.hudba-track.active{ background:rgba(123,45,139,.15) }
.hudba-track.playing .hudba-play-btn{ color:#7b2d8b;animation:spinPlay 1s linear infinite }
@keyframes spinPlay{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}

.hudba-rank{
  font-family:var(--serif);font-size:18px;font-weight:900;
  color:rgba(123,45,139,.3);min-width:22px;text-align:center;line-height:1;
}
.hudba-track.active .hudba-rank,.hudba-track:nth-child(1) .hudba-rank{ color:#7b2d8b }

.hudba-cover{
  width:36px;height:36px;flex-shrink:0;overflow:hidden;
  border-radius:4px;background:linear-gradient(135deg,#1a0a2e,#4a2a6e);
}
.hudba-cover img{ width:100%;height:100%;object-fit:cover }
.hudba-cover-empty{
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:rgba(255,255,255,.4);
}

.hudba-info{ flex:1;min-width:0 }
.hudba-nazev{
  font-size:12px;font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  line-height:1.3;
}
.hudba-interpret{
  font-family:var(--mono);font-size:9px;color:var(--ink-muted);
  margin-top:2px;display:flex;align-items:center;gap:5px;
}
.hudba-zanr{
  background:rgba(123,45,139,.15);color:#7b2d8b;
  padding:1px 5px;font-size:8px;letter-spacing:.06em;
}

.hudba-play-btn{
  font-size:12px;color:var(--ink-muted);flex-shrink:0;
  transition:color .15s,transform .15s;
}
.hudba-track:hover .hudba-play-btn{ color:#7b2d8b;transform:scale(1.2) }

/* Mini přehrávač */
.hudba-controls{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;
  background:linear-gradient(135deg,#1a0a2e,#2d1b4e);
  border-top:1px solid rgba(123,45,139,.3);
}
.hc-play,.hc-next{
  background:none;border:none;color:#fff;
  font-size:16px;cursor:pointer;padding:4px;
  transition:color .15s,transform .15s;flex-shrink:0;
}
.hc-play:hover,.hc-next:hover{ color:#7b2d8b;transform:scale(1.1) }
.hc-info{ flex:1;min-width:0 }
.hc-nazev{
  font-size:11px;color:#ddd;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  margin-bottom:4px;
}
.hc-progress-wrap{
  height:3px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden;
}
.hc-progress{
  height:100%;background:linear-gradient(90deg,#7b2d8b,#c8102e);
  width:0%;transition:width .5s linear;border-radius:2px;
}

/* CTA odkaz */
.hudba-cta{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;
  background:linear-gradient(135deg,#7b2d8b 0%,#c8102e 100%);
  color:#fff;text-decoration:none;
  transition:opacity .15s;
}
.hudba-cta:hover{ opacity:.9;color:#fff }
.hudba-cta-icon{ font-size:20px;flex-shrink:0 }
.hudba-cta-title{ font-size:12px;font-weight:600;line-height:1.3 }
.hudba-cta-url{ font-family:var(--mono);font-size:9px;opacity:.8;letter-spacing:.06em }
.hudba-cta-arrow{ margin-left:auto;font-size:18px;flex-shrink:0 }

.hudba-empty{
  padding:24px;text-align:center;color:var(--ink-muted);
}
.hudba-empty span{ font-size:32px;display:block;margin-bottom:8px;opacity:.3 }
.hudba-empty p{ font-size:13px;font-weight:600;margin-bottom:4px }
.hudba-empty small{ font-family:var(--mono);font-size:10px }

/* Dark mode */
body.dark .hudba-track:hover{ background:rgba(123,45,139,.2) }
body.dark .hudba-track.active{ background:rgba(123,45,139,.25) }
body.dark .hudba-nazev{ color:var(--dm-ink) }

/* ── KURZY VE FOOTERU ── */
.footer-kurzy{
  border-top:1px solid rgba(255,255,255,.08);
  padding:10px 0;margin-bottom:0;
  font-family:var(--mono);font-size:10px;color:#666;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
.fk-label{ color:#444;margin-right:4px;white-space:nowrap }
.fk-kurz{
  color:#888;white-space:nowrap;
}
.fk-kurz strong{ color:#aaa }

/* ══ PROMO KARTA — cobybylo.cz ══ */
.promo-card{
  background:#0d0d0d !important;
  border:1px solid rgba(200,16,46,.4) !important;
  text-decoration:none;
  transition:box-shadow .2s,transform .2s;
  position:relative;
  overflow:hidden;
}
.promo-card::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(200,16,46,.08) 0%,transparent 60%);
  pointer-events:none;z-index:0;
}
.promo-card:hover{
  box-shadow:0 4px 24px rgba(200,16,46,.25) !important;
  transform:translateY(-2px);
  border-color:rgba(200,16,46,.7) !important;
}
.promo-card-img{ position:relative;overflow:hidden }
.promo-badge{
  position:absolute;top:8px;left:8px;
  background:var(--red);
  color:#fff;font-family:var(--mono);font-size:8px;
  letter-spacing:.12em;text-transform:uppercase;
  padding:3px 8px;z-index:2;
}
.promo-card-img img{ filter:brightness(.6) saturate(1.2); }
.promo-card:hover .promo-card-img img{ filter:brightness(.75) saturate(1.3); }
.promo-kick{
  color:var(--red) !important;
  letter-spacing:.1em;
}
.promo-title{
  color:#ffffff !important;
  font-family:var(--serif);font-size:15px;font-weight:700;
  line-height:1.3;margin-bottom:5px;
}
.promo-desc{
  color:#888 !important;
  font-size:12px;line-height:1.5;margin-bottom:8px;
}
.promo-cta{
  background:var(--red);
  color:#fff !important;
  font-family:var(--mono);font-size:9px;
  letter-spacing:.08em;padding:3px 10px;
  font-weight:600;
}
.promo-url{
  font-family:var(--mono);font-size:9px;
  color:#555 !important;margin-left:auto;
}

/* ══════════════════════════════════
   QUIZ SEKCE — Bav se s námi
══════════════════════════════════ */
.quiz-sekce{
  background:#0d0d14;
  padding:40px 0 48px;
  border-top:3px solid #e91e8c;
  border-bottom:3px solid #e91e8c;
  margin-top:20px;
}
.quiz-sekce .sekce-header{ border-bottom-color:rgba(233,30,140,.3); }
.quiz-sekce .sekce-nadpis{ color:#fff; }
.quiz-sekce .sekce-vsechny{ color:#e91e8c;border-color:rgba(233,30,140,.3); }
.quiz-sekce .sekce-vsechny:hover{ color:#fff;border-color:#e91e8c;background:transparent; }

.quiz-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.quiz-card{
  background:#16161f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.quiz-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 32px rgba(233,30,140,.2);
  border-color:rgba(233,30,140,.4);
  color:inherit;
}

.quiz-card-img{
  position:relative;
  height:180px;
  overflow:hidden;
  background:linear-gradient(135deg,#1a0a3e,#3d1a6e);
}
.quiz-card-img img{
  width:100%;height:180px;
  object-fit:cover;display:block;
  transition:transform .3s ease;
  filter:brightness(.75);
}
.quiz-card:hover .quiz-card-img img{ transform:scale(1.05);filter:brightness(.85); }

.quiz-premium{
  position:absolute;top:12px;right:12px;
  background:#e91e8c;color:#fff;
  font-family:var(--mono);font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:3px 10px;border-radius:20px;
  font-weight:600;
}

.quiz-card-body{
  padding:16px;
  display:flex;flex-direction:column;flex:1;
}

.quiz-tag{
  display:inline-block;
  color:#fff;font-family:var(--mono);
  font-size:10px;letter-spacing:.06em;
  padding:4px 12px;border-radius:20px;
  margin-bottom:10px;font-weight:600;
  align-self:flex-start;
}

.quiz-title{
  font-family:var(--serif);
  font-size:17px;font-weight:700;
  color:#fff;line-height:1.3;
  margin-bottom:8px;
}

.quiz-desc{
  font-size:13px;color:#888;
  line-height:1.6;margin-bottom:12px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

.quiz-meta{
  display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:10px;
  color:#555;margin-bottom:14px;
}

.quiz-btn{
  background:linear-gradient(90deg,#00bcd4,#0097a7);
  color:#fff;text-align:center;
  font-family:var(--mono);font-size:12px;
  font-weight:700;letter-spacing:.1em;
  padding:12px;border-radius:8px;
  transition:opacity .15s;
}
.quiz-card:hover .quiz-btn{ opacity:.9; }

@media(max-width:768px){
  .quiz-grid{ grid-template-columns:1fr; }
}
@media(min-width:769px) and (max-width:960px){
  .quiz-grid{ grid-template-columns:1fr 1fr; }
}

/* ══════════════════════════════════
   KRAJE DROPDOWN V NAVIGACI
══════════════════════════════════ */
.nav-kraje-wrap{
  position:relative;
  display:flex;align-items:center;
}
.nav-kraje-btn{
  background:none;border:none;
  padding:10px 14px;color:#bbb;
  font-family:var(--sans);font-size:11px;
  font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;cursor:pointer;
  border-right:1px solid rgba(255,255,255,.06);
  white-space:nowrap;transition:background .15s,color .15s;
  height:100%;
}
.nav-kraje-btn:hover,.nav-kraje-btn.open{color:#fff;background:rgba(255,255,255,.06)}

.nav-kraje-list{
  display:none;
  position:absolute;top:100%;left:0;z-index:300;
  background:#1a1a1a;border:1px solid #333;
  min-width:220px;max-height:400px;overflow-y:auto;
  box-shadow:0 8px 32px rgba(0,0,0,.5);
  columns:2;column-gap:0;
}
.nav-kraje-list.open{display:block}

.nav-kraj-item{
  display:block;break-inside:avoid;
  padding:8px 14px;font-size:12px;
  color:#bbb;border-bottom:1px solid #222;
  transition:background .12s,color .12s;
  white-space:nowrap;
}
.nav-kraj-item:hover,.nav-kraj-item.act{
  background:var(--red);color:#fff;
}


/* ══════════════════════════════════
   HERO SECTION
══════════════════════════════════ */
.hero-section{background:#fff;border-bottom:2px solid var(--rule-s);padding:20px 0}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:20px;
  align-items:start;
}

/* Hlavní hero */
.hero-main{}
.hero-img-wrap{
  display:block;
  width:100%;
  height:240px;        /* PEVNÁ výška */
  overflow:hidden;
  position:relative;
  background:var(--paper-d);
}
.hero-img-wrap img{
  width:100%;
  height:240px;        /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.hero-img-wrap:hover img{transform:scale(1.03)}
.hero-img-overlay{position:absolute;top:10px;left:10px;z-index:2}

.hero-body{padding:12px 0 0}
.hero-body h1{font-family:var(--serif);font-size:26px;font-weight:900;line-height:1.15;letter-spacing:-.3px;margin-bottom:8px}
.hero-body h1 a:hover{color:var(--red)}
.hero-perex{font-size:13px;line-height:1.65;color:var(--ink-mid);font-weight:300;margin-bottom:8px}

/* Dva vedlejší hero */
.hero-sub{display:flex;flex-direction:column;gap:0}

.hero-side{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-bottom:1px solid var(--rule);
}
.hero-side:last-child{border-bottom:none;padding-bottom:0}

.hero-side-img{
  display:block;
  width:130px;
  height:90px;         /* PEVNÁ výška */
  overflow:hidden;
  position:relative;
  background:var(--paper-d);
  flex-shrink:0;
}
.hero-side-img img{
  width:130px;
  height:90px;         /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.hero-side-img:hover img{transform:scale(1.05)}
.src-tag-sm{position:absolute;bottom:4px;left:4px;color:#fff;font-size:7px;letter-spacing:.08em;font-family:var(--mono);padding:2px 5px;text-transform:uppercase;background:rgba(0,0,0,.5)}

.hero-side-body{}
.hero-side-body h2{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:6px}
.hero-side-body h2 a:hover{color:var(--red)}

/* ── Sdílené prvky ── */
.art-meta{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;color:var(--ink-muted);flex-wrap:wrap;margin-top:6px}
.ai-badge{background:var(--amber);color:#fff;font-size:8px;font-weight:600;letter-spacing:.1em;padding:2px 5px;text-transform:uppercase;white-space:nowrap}
.src-tag{color:#fff;padding:2px 7px;font-size:9px;letter-spacing:.08em;font-family:var(--mono);text-transform:uppercase}
.btn-cist{color:var(--red);font-size:11px;font-family:var(--mono);margin-left:auto;white-space:nowrap}
.kick{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.img-empty{width:100%;height:100%;background:var(--paper-d)}

/* ══════════════════════════════════
   HLAVNÍ OBSAH + SIDEBAR
══════════════════════════════════ */
.main-wrap{padding:24px 0 40px}
.content-sidebar-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;
  align-items:start;
}

/* ── RUBRIKA SEKCE ── */
.rubrika-sekce{margin-bottom:32px}

.sekce-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--rule);
}
.sekce-linka{width:4px;height:24px;flex-shrink:0;border-radius:2px}
.sekce-nadpis{font-family:var(--serif);font-size:22px;font-weight:900;letter-spacing:-.3px;display:flex;align-items:center;gap:7px}
.sekce-icon{font-size:13px;color:var(--ink-muted);font-style:normal}
.sekce-vsechny{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.06em;white-space:nowrap;transition:color .15s;border:1px solid var(--rule-s);padding:3px 10px}
.sekce-vsechny:hover{color:var(--red);border-color:var(--red)}

.sekce-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.sekce-card{
  background:#fff;
  border:1px solid var(--rule);
  overflow:hidden;
  transition:box-shadow .2s,transform .2s;
  display:flex;
  flex-direction:column;
}
.sekce-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}

.sekce-card-img{
  display:block;
  width:100%;
  height:120px;         /* PEVNÁ výška */
  overflow:hidden;
  background:var(--paper-d);
  flex-shrink:0;
}
.sekce-card-img img{
  width:100%;
  height:120px;         /* PEVNÁ výška */
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.sekce-card:hover .sekce-card-img img{transform:scale(1.05)}

.sekce-card-body{padding:11px;flex:1;display:flex;flex-direction:column}
.sekce-card-body h3{font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:5px;flex:1}
.sekce-card-body h3 a:hover{color:var(--red)}
.sekce-card-body p{font-size:12px;color:var(--ink-mid);line-height:1.5;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ══════════════════════════════════
   SIDEBAR
══════════════════════════════════ */
.sidebar{position:sticky;top:56px;display:flex;flex-direction:column;gap:16px}

.sid-box{background:#fff;border:1px solid var(--rule);overflow:hidden}
.sid-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:var(--ink);padding:8px 12px;
  display:flex;align-items:center;gap:6px;
  border-bottom:2px solid var(--red);
  transition:background .15s;
}
.sid-label[onclick]:hover{ background:#2a2a2a; }
.sid-dot{width:6px;height:6px;border-radius:50%;background:#e63;flex-shrink:0;animation:blink 1.3s infinite}

/* Nejnovější s obrázky */
.lat-item{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:9px;
  padding:9px 10px;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
  align-items:start;
}
.lat-item:last-child{border-bottom:none}
.lat-item:hover{background:var(--paper)}

.lat-thumb{
  display:block;
  width:60px;
  height:44px;    /* PEVNÁ výška */
  overflow:hidden;
  background:var(--paper-d);
  flex-shrink:0;
}
.lat-thumb img{
  width:60px;
  height:44px;    /* PEVNÁ výška */
  object-fit:cover;
  display:block;
}
.lat-body{min-width:0}
.ltag{display:inline-block;color:#fff;font-size:7px;letter-spacing:.1em;text-transform:uppercase;padding:1px 4px;margin-bottom:3px;font-family:var(--mono)}
.lat-t{font-family:var(--serif);font-size:12px;font-weight:700;line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lat-t a:hover{color:var(--red)}
.lat-m{font-family:var(--mono);font-size:9px;color:var(--ink-muted)}

/* Trending */
.tr-item{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-bottom:1px solid var(--rule);transition:background .15s}
.tr-item:last-child{border-bottom:none}
.tr-item:hover{background:var(--paper)}
.tr-n{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--paper-d);line-height:1;min-width:22px;flex-shrink:0}
.tr-t{font-size:12px;font-weight:600;line-height:1.35}
.tr-t a:hover{color:var(--red)}
.tr-m{font-family:var(--mono);font-size:9px;color:var(--ink-muted);margin-top:2px}

/* Regiony */
.kraje-details{}
.kraje-summary{
  padding:9px 12px;font-family:var(--mono);font-size:11px;
  cursor:pointer;list-style:none;color:var(--ink-mid);
  transition:background .15s;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--rule);
}
.kraje-summary:hover{background:var(--paper)}
.kraje-summary::-webkit-details-marker{display:none}
.kraje-list{display:flex;flex-direction:column}
.kraj-link{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 12px;font-size:12px;font-family:var(--sans);
  border-bottom:1px solid var(--rule);transition:background .12s,color .12s;
}
.kraj-link:last-child{border-bottom:none}
.kraj-link:hover,.kraj-link.act{background:var(--paper);color:var(--red)}
.kraj-pocet{font-family:var(--mono);font-size:9px;color:var(--ink-muted);background:var(--paper-d);padding:1px 5px}

/* ── FOOTER ── */
.footer{background:var(--ink);color:#777;border-top:3px solid var(--red);padding:32px 0 20px}
.footer .wrap{}
.footer-logo{font-family:var(--serif);font-size:30px;font-weight:900;color:#fff;margin-bottom:20px;letter-spacing:-1px}
.footer-logo em{color:var(--red);font-style:normal}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}
.footer-cols strong{display:block;color:#ccc;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
.footer-cols a{display:block;font-size:12px;margin-bottom:5px;color:#888;transition:color .12s}
.footer-cols a:hover{color:#fff}
.footer-bottom{font-family:var(--mono);font-size:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;text-align:center}

/* ── ČLÁNEK DETAIL ── */
.article-wrap{max-width:760px;margin:30px auto;padding:0 20px}
.article-header h1{font-family:var(--serif);font-size:34px;font-weight:900;line-height:1.15;margin-bottom:12px}
.article-perex{font-size:16px;font-weight:300;line-height:1.7;color:var(--ink-mid);border-left:3px solid var(--red);padding-left:14px;margin-bottom:20px}
.article-img{width:100%;height:320px;overflow:hidden;margin-bottom:20px;background:var(--paper-d)}
.article-img img{width:100%;height:320px;object-fit:cover;display:block}
.article-body{font-size:15px;line-height:1.8;color:var(--ink-mid)}
.article-body p{margin-bottom:14px}
.article-body h2{font-family:var(--serif);font-size:21px;font-weight:700;margin:20px 0 10px;color:var(--ink)}
.article-sources{margin-top:24px;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11px;color:var(--ink-muted)}
.article-sources a{color:var(--blue)}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
.hamburger{display:none} /* skrytý na desktopu */
.mobile-menu{display:none}

/* ══════════════════════════════════
   TABLET 960px
══════════════════════════════════ */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-img-wrap,.hero-img-wrap img{height:220px}
  .hero-sub{flex-direction:column;gap:0}
  .content-sidebar-grid{grid-template-columns:1fr}
  .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .nav-bar .wrap{overflow-x:auto;gap:0}
  .nav-bar a{padding:10px 10px;font-size:10px}
}

/* ══════════════════════════════════
   MOBILNÍ 640px — KOMPLETNÍ
══════════════════════════════════ */
@media(max-width:640px){

  /* Zamezit přetékání */
  html,body{overflow-x:hidden;max-width:100vw}
  *{box-sizing:border-box}
  .wrap{padding:0 14px}

  /* TOPBAR */
  .topbar .wrap{padding:0 14px}
  .ticker{max-width:calc(100vw - 140px)}

  /* AI STATUS BAR */
  .trends-bar .wrap{gap:4px;padding:6px 14px;flex-wrap:nowrap;overflow-x:auto}
  .trend-pill{font-size:10px;padding:2px 8px}

  /* MASTHEAD */
  .mast .wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:10px 14px}
  .logo{font-size:28px;letter-spacing:-1.5px}
  .logo sup{font-size:10px}
  .logo-sub{font-size:8px;display:none}
  .mast-meta{text-align:right;font-size:10px}
  .mast-meta #czech-date{font-size:10px}

  /* HAMBURGER — schovat všechny nav linky, nechat jen hamburger */
  .nav-bar .wrap{
    display:flex;align-items:center;justify-content:space-between;
    padding:0 14px;position:relative;height:44px;
  }
  .nav-bar a{ display:none!important }
  .nav-bar .nav-kraje-wrap{ display:none!important }
  .hamburger{ display:flex!important }

  .hamburger{
    display:flex!important;
    flex-direction:column;justify-content:center;gap:5px;
    width:36px;height:36px;cursor:pointer;
    background:none;border:none;padding:4px;margin-left:auto;
  }
  .hamburger span{
    display:block;height:2px;background:#fff;border-radius:2px;
    transition:transform .25s,opacity .25s;
  }
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hamburger.open span:nth-child(2){opacity:0}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* MOBILNÍ MENU */
  .mobile-menu{
    display:none;
    position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;
    background:#111;overflow-y:auto;
    flex-direction:column;
  }
  .mobile-menu.open{display:flex}
  .mobile-menu-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;border-bottom:1px solid #222;
  }
  .mobile-menu-head .logo{font-size:24px}
  .mobile-menu-close{
    background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;
  }
  .mobile-menu-links{padding:12px 0;flex:1}
  .mobile-menu-links a{
    display:block;padding:14px 20px;color:#ddd;font-family:var(--sans);
    font-size:15px;font-weight:600;border-bottom:1px solid #1a1a1a;
    text-decoration:none;letter-spacing:.02em;
  }
  .mobile-menu-links a:hover,.mobile-menu-links a.act{color:#fff;background:#1a1a1a}
  .mobile-menu-kraje{padding:8px 20px 20px}
  .mobile-menu-kraje-title{
    font-family:var(--mono);font-size:9px;letter-spacing:.14em;
    text-transform:uppercase;color:#555;margin-bottom:10px;
  }
  .mobile-menu-kraje-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:4px;
  }
  .mobile-menu-kraje-grid a{
    padding:8px 12px;font-size:12px;color:#999;border:1px solid #222;
    text-decoration:none;transition:all .15s;
  }
  .mobile-menu-kraje-grid a:hover{background:var(--red);color:#fff;border-color:var(--red)}

  /* TRENDS BAR — na mobilu schovat */
  .trends-bar{ display:none }

  /* BREAKING */
  .breaking .wrap{font-size:12px}

  /* SEARCH */
  .search-bar .wrap{flex-wrap:wrap;gap:8px}
  .search-bar input{font-size:14px}
  .smeta{display:none}

  /* AI PROMO BANNER — na mobilu jen lišta, bez rozbalení */
  .ai-promo-bar{ max-height:44px!important; overflow:hidden!important; }
  .ai-promo-bar:hover{ max-height:44px!important; }
  .ai-promo-top{height:44px;padding:0 14px;gap:8px}
  .ai-promo-desc,.ai-promo-sep{ display:none }
  .ai-promo-title{ font-size:12px }
  .ai-promo-badge{ font-size:8px;padding:3px 8px }

  /* HERO */
  .hero-section .wrap{padding:0}
  .hero-grid{grid-template-columns:1fr}
  .hero-img-wrap img,.hero-img-wrap{height:200px!important}
  .hero-body{padding:12px 14px}
  .hero-body h1{font-size:20px;line-height:1.2}
  .hero-perex{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-sub{flex-direction:column;gap:0}
  .hero-side{grid-template-columns:100px 1fr;padding:10px 14px}
  .hero-side-img img{width:100px;height:70px}
  .hero-side-body h2{font-size:12px}
  .hero-nav{padding:8px 0}

  /* SEKCE GRID */
  .sekce-grid{grid-template-columns:1fr!important}
  .sekce-card-img{ display:block!important }
  .sekce-card-img img{ height:180px!important;display:block!important }
  .lat-thumb img{ display:block!important }
  .sekce-header{padding:0 0 8px}
  .sekce-nadpis{font-size:16px}
  .sekce-card-img img{height:160px!important}

  /* SIDEBAR — pod hlavním obsahem, 1 sloupec */
  .sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .content-sidebar-grid{grid-template-columns:1fr!important}

  /* SOCIAL WIDGET */
  .ai-promo-fallback{padding:16px}
  .social-widget-head{padding:10px 12px}
  .social-widget-body{padding:12px}

  /* QUIZ SEKCE */
  .quiz-grid{grid-template-columns:1fr!important}
  .quiz-sekce{padding:24px 0}

  /* FOOTER */
  .footer-cols{grid-template-columns:1fr}
  .footer-logo{font-size:24px}

  /* DARK MODE BUTTON — dát do spodního středu, ne mimo */
  .dm-toggle{
    bottom:16px;right:16px;
    width:40px;height:40px;font-size:16px;
  }

  /* PROMO KARTA */
  .promo-card .promo-title{font-size:13px}
}

/* ══════════════════════════════════
   WIDGET: POČASÍ
══════════════════════════════════ */
.widget-loading{padding:14px 12px;font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-align:center}
.widget-err{padding:12px;font-family:var(--mono);font-size:10px;color:#a33;text-align:center}
.widget-zdroj{padding:6px 12px;font-family:var(--mono);font-size:9px;color:var(--ink-muted);border-top:1px solid var(--rule);text-align:right;background:var(--paper)}

.pocasi-grid{display:flex;flex-direction:column}

.pocasi-mesto{
  padding:9px 12px;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
}
.pocasi-mesto:last-child{border-bottom:none}
.pocasi-mesto:hover{background:var(--paper)}

.pocasi-top{display:flex;align-items:center;gap:8px}
.pocasi-ikona{font-size:22px;line-height:1;flex-shrink:0;width:28px;text-align:center}
.pocasi-nazev{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink)}
.pocasi-popis{font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.pocasi-temp{
  margin-left:auto;
  font-family:var(--serif);
  font-size:22px;
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
  min-width:40px;
  text-align:right;
}
.pocasi-detail{
  display:flex;gap:10px;
  margin-top:3px;
  padding-left:36px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
}

/* ══════════════════════════════════
   WIDGET: KURZY
══════════════════════════════════ */
.kurzy-datum{
  padding:6px 12px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
  background:var(--paper);
  border-bottom:1px solid var(--rule);
  letter-spacing:.06em;
}

.kurzy-table{width:100%;border-collapse:collapse}
.kurz-row{border-bottom:1px solid var(--rule);transition:background .12s}
.kurz-row:last-child{border-bottom:none}
.kurz-row:hover{background:var(--paper)}

.kurz-vlajka{padding:7px 6px 7px 12px;font-size:15px;width:28px}
.kurz-kod{
  padding:7px 4px;
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
  color:var(--ink);
  width:40px;
}
.kurz-hodnota{
  padding:7px 4px;
  font-family:var(--mono);
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  text-align:right;
}
.kurz-mena{
  padding:7px 12px 7px 4px;
  font-family:var(--mono);
  font-size:9px;
  color:var(--ink-muted);
  width:30px;
}

/* ══════════════════════════════════
   SVÁTEK BADGE
══════════════════════════════════ */
.svatek-badge{
  font-family:var(--mono);font-size:9px;letter-spacing:.06em;
  background:#ede9e0;color:#7a5a1a;padding:1px 6px;
  margin-left:6px;white-space:nowrap;
}

/* ══════════════════════════════════
   WIDGET: SPORT
══════════════════════════════════ */
.sport-liga{border-bottom:1px solid var(--rule)}
.sport-liga:last-child{border-bottom:none}

.sport-liga-header{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;
  background:var(--paper);
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-muted);
  border-bottom:1px solid var(--rule);
}

.sport-zapas{
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 36px;
  gap:4px;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid var(--rule);
  transition:background .12s;
  font-size:11px;
}
.sport-zapas:last-child{border-bottom:none}
.sport-zapas:hover{background:var(--paper)}

.sport-tym{
  font-family:var(--sans);font-size:11px;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink);
}
.sport-tym-home{text-align:right}
.sport-tym-away{text-align:left}

.sport-skore{
  text-align:center;font-family:var(--mono);font-size:12px;font-weight:600;
  color:var(--ink);background:var(--paper-d);padding:2px 4px;
  white-space:nowrap;
}

.sport-datum{
  font-family:var(--mono);font-size:9px;color:var(--ink-muted);
  text-align:right;white-space:nowrap;
}

.sport-liga-nazev{
  font-family:var(--mono);font-size:8px;color:var(--ink-muted);
  padding:0 10px 5px 10px;letter-spacing:.04em;
  border-bottom:1px solid var(--rule);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.sport-live{font-family:var(--mono);font-size:7px;color:#e63;letter-spacing:.08em;display:block;margin-top:1px;animation:blink 1.3s infinite}
.sport-zapas-live{background:#1a0a0a}
.sport-zapas-live .sport-skore{color:#e63;background:#2a0808}

/* ══════════════════════════════════
   HERO SLIDESHOW
══════════════════════════════════ */
.hero-slideshow{position:relative;overflow:hidden}

.hero-slide{display:none;animation:heroFadeIn .4s ease}
.hero-slide.active{display:block}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Navigace — tečky + šipky */
.hero-nav{
  display:flex;align-items:center;justify-content:center;
  gap:8px;padding:10px 0 4px;
}
.hero-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--rule-s);border:none;cursor:pointer;
  transition:background .2s,transform .2s;padding:0;
}
.hero-dot.active{background:var(--red);transform:scale(1.3)}
.hero-dot:hover{background:var(--ink)}

.hero-prev,.hero-next{
  background:none;border:1px solid var(--rule-s);
  color:var(--ink-muted);font-size:18px;line-height:1;
  width:28px;height:28px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;margin-left:4px;
}
.hero-prev{margin-left:10px}
.hero-prev:hover,.hero-next:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Hero-sub — 3 sloupce */
.hero-sub{display:flex;flex-direction:column;gap:0}
.hero-side{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--rule);
}
.hero-side:last-child{border-bottom:none;padding-bottom:0}

/* ══════════════════════════════════
   REKLAMNÍ BANNERY
══════════════════════════════════ */
.reklama-wrap{
  position:relative;
  margin:20px 0;
  text-align:center;
  background:var(--paper-d);
  border:1px dashed var(--rule-s);
  overflow:hidden;
}
.reklama-wrap img{
  max-width:100%;height:auto;display:block;margin:0 auto;
}
.reklama-label{
  position:absolute;top:2px;right:6px;
  font-family:var(--mono);font-size:8px;letter-spacing:.08em;
  color:var(--ink-muted);text-transform:uppercase;opacity:.5;
}
.reklama-link{display:block}
.reklama-hero_pod{margin:0 0 20px}
.reklama-sekce_1,.reklama-sekce_2{border-radius:0}
.reklama-sidebar_top,.reklama-sidebar_mid{margin:0 0 16px}

/* ══════════════════════════════════
   DARK MODE
══════════════════════════════════ */
:root{
  --dm-bg:#0f0f0f;--dm-bg2:#161616;--dm-bg3:#1e1e1e;
  --dm-ink:#e0e0e0;--dm-ink-mid:#a0a0a0;--dm-ink-muted:#606060;
  --dm-paper:#111;--dm-paper-d:#1a1a1a;
  --dm-rule:rgba(255,255,255,0.06);--dm-rule-s:rgba(255,255,255,0.12);
}

body.dark{
  background:var(--dm-bg);color:var(--dm-ink);
}
body.dark .mast,
body.dark .search-bar,
body.dark .pills-bar,
body.dark .hero-section,
body.dark .sekce-card,
body.dark .sid-box,
body.dark .footer{
  background:var(--dm-bg2);
}
body.dark .aibar{ background:var(--dm-bg3); }
body.dark .hero-section{ background:var(--dm-bg); }
body.dark .breaking{ background:var(--red); }
body.dark .nav-bar{ background:#000; }
body.dark .sid-label{ background:var(--dm-bg3);border-bottom:2px solid var(--red); }
body.dark .main-wrap{ background:var(--dm-bg); }
body.dark .topbar{ background:#000; }
body.dark a{ color:var(--dm-ink); }
body.dark a:hover{ color:var(--red); }
body.dark .sekce-card{ border-color:var(--dm-rule); }
body.dark .sekce-card:hover{ box-shadow:0 4px 20px rgba(0,0,0,.5); }
body.dark .hero-body h1 a,
body.dark .sekce-card-body h3 a,
body.dark .lat-t a,
body.dark .hero-side-body h2 a,
body.dark .tr-t a,
body.dark .sekce-nadpis,
body.dark .sid-label{ color:var(--dm-ink); }
body.dark .sekce-card-body{ background:var(--dm-bg2); }
body.dark .lat-item{ border-color:var(--dm-rule); }
body.dark .tr-item{ border-color:var(--dm-rule); }
body.dark .hero-body h1 a{ color:#fff; }
body.dark .hero-side-body h2 a{ color:#ddd; }
body.dark .hero-perex,
body.dark .sekce-card-body p,
body.dark .lat-m,
body.dark .art-meta{ color:var(--dm-ink-muted); }
body.dark .search-bar{ background:var(--dm-bg2);border-color:var(--dm-rule); }
body.dark .search-bar input{ background:var(--dm-bg3);border-color:var(--dm-rule-s);color:var(--dm-ink); }
body.dark .search-bar button{ background:var(--dm-bg3);border:1px solid var(--dm-rule-s); }
body.dark .pill{ background:var(--dm-bg3);border-color:var(--dm-rule-s);color:var(--dm-ink-muted); }
body.dark .pill:hover,.dark .pill.pa{ background:var(--red);color:#fff; }
body.dark .reklama-wrap{ background:var(--dm-bg3);border-color:var(--dm-rule-s); }
body.dark .kraj-link:hover{ background:var(--dm-bg3); }
body.dark .tr-item:hover,.dark .lat-item:hover{ background:var(--dm-bg3); }
body.dark .mast-meta{ color:var(--dm-ink-muted); }
body.dark .logo-sub{ color:var(--dm-ink-muted); }
body.dark .logo{ color:var(--dm-ink); }
body.dark .logo em{ color:var(--red); }
body.dark .logo sup{ color:var(--dm-ink-muted); }
body.dark .sekce-header{ border-color:var(--dm-rule); }

/* Dark mode přepínač */
.dm-toggle{
  position:fixed;bottom:24px;right:24px;z-index:999;
  width:44px;height:44px;border-radius:50%;
  background:var(--ink);color:#fff;
  border:2px solid rgba(255,255,255,.15);
  font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
  transition:all .3s;
}
.dm-toggle:hover{ transform:scale(1.1);background:var(--red); }
body.dark .dm-toggle{ background:var(--dm-bg3);border-color:rgba(255,255,255,.2); }

/* ══════════════════════════════════
   ANIMACE LOGA
══════════════════════════════════ */
/* Animace loga — slide in + fade */
@keyframes logoSlideIn{
  0%  { opacity:0; transform:translateY(-12px); }
  100%{ opacity:1; transform:translateY(0); }
}
@keyframes logoEmPulse{
  0%  { color:var(--ink); }
  40% { color:var(--red); text-shadow:0 0 20px rgba(200,16,46,.6); }
  70% { color:var(--red); text-shadow:0 0 8px rgba(200,16,46,.3); }
  100%{ color:var(--red); text-shadow:none; }
}
@keyframes logoSubFade{
  0%  { opacity:0; transform:translateX(-8px); }
  100%{ opacity:1; transform:translateX(0); }
}
.logo.animate      { animation:logoSlideIn .6s cubic-bezier(.16,1,.3,1) both; }
.logo em.animate   { animation:logoEmPulse .8s ease .4s both; font-style:normal; }
.logo-sub.animate  { animation:logoSubFade .5s ease .6s both; }

/* ══════════════════════════════════
   PARALLAX HERO
══════════════════════════════════ */
.hero-img-wrap{overflow:hidden}
.hero-img-wrap img.parallax{
  transform:translateY(0);
  will-change:transform;
  transition:transform .1s linear;
}

/* ══════════════════════════════════
   SMOOTH SCROLL + NAV HIGHLIGHT
══════════════════════════════════ */
html{ scroll-behavior:smooth; }
.nav-bar a{ position:relative; }
.nav-bar a .nav-indicator{
  position:absolute;bottom:0;left:0;right:0;
  height:3px;background:var(--red);
  transform:scaleX(0);transition:transform .2s;
}
.nav-bar a.act .nav-indicator{ transform:scaleX(1); }

/* ── KRAJE DROPDOWN v pills baru ── */
.kraje-dropdown{position:relative;display:inline-block}
.kraje-dropdown summary{list-style:none;cursor:pointer}
.kraje-dropdown summary::-webkit-details-marker{display:none}
.kraje-pill{white-space:nowrap}

.kraje-dropdown-list{
  position:absolute;top:calc(100% + 4px);left:0;z-index:200;
  background:#fff;border:1px solid var(--rule-s);
  min-width:200px;max-height:320px;overflow-y:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  display:flex;flex-direction:column;
}
.kraje-drop-item{
  padding:7px 14px;font-size:12px;font-family:var(--sans);
  border-bottom:1px solid var(--rule);color:var(--ink);
  transition:background .12s;white-space:nowrap;
}
.kraje-drop-item:last-child{border-bottom:none}
.kraje-drop-item:hover,.kraje-drop-item.act{background:var(--paper);color:var(--red)}

body.dark .kraje-dropdown-list{background:var(--dm-bg2);border-color:var(--dm-rule-s)}
body.dark .kraje-drop-item{color:var(--dm-ink);border-color:var(--dm-rule)}
body.dark .kraje-drop-item:hover{background:var(--dm-bg3)}

/* ── KURZY TLAČÍTKO ── */
.kurzy-btn{
  background:var(--ink);color:#fff;border:none;
  padding:8px 18px;font-family:var(--mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  transition:background .15s;width:100%;
}
.kurzy-btn:hover{background:var(--red)}
.kurzy-btn:disabled{opacity:.5;cursor:wait}
body.dark .kurzy-btn{background:var(--dm-bg3);border:1px solid var(--dm-rule-s)}

/* ── SVÁTEK BADGE ── */
.svatek-badge{
  font-family:var(--mono);font-size:10px;
  color:var(--amber);letter-spacing:.04em;
  margin-left:4px;
}
.svatek-badge strong{color:var(--amber)}

/* ══════════════════════════════════
   AI HUDEBNÍ HITPARÁDA
══════════════════════════════════ */
.hudba-box{ overflow:hidden }

.hudba-label{
  background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 100%) !important;
  border-bottom:2px solid #7b2d8b !important;
  position:relative;
}
.hudba-note{
  font-size:16px;
  animation:notePulse 2s ease infinite;
}
@keyframes notePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}}
.hudba-live{
  margin-left:auto;
  font-size:8px;color:#e63;letter-spacing:.1em;
  animation:blink 1.3s infinite;
}

.hudba-player{ max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent }

.hudba-track{
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;cursor:pointer;
  border-bottom:1px solid var(--rule);
  transition:background .15s;
  position:relative;
}
.hudba-track:last-child{border-bottom:none}
.hudba-track:hover{ background:rgba(123,45,139,.08) }
.hudba-track.active{ background:rgba(123,45,139,.15) }
.hudba-track.playing .hudba-play-btn{ color:#7b2d8b;animation:spinPlay 1s linear infinite }
@keyframes spinPlay{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}

.hudba-rank{
  font-family:var(--serif);font-size:18px;font-weight:900;
  color:rgba(123,45,139,.3);min-width:22px;text-align:center;line-height:1;
}
.hudba-track.active .hudba-rank,.hudba-track:nth-child(1) .hudba-rank{ color:#7b2d8b }

.hudba-cover{
  width:36px;height:36px;flex-shrink:0;overflow:hidden;
  border-radius:4px;background:linear-gradient(135deg,#1a0a2e,#4a2a6e);
}
.hudba-cover img{ width:100%;height:100%;object-fit:cover }
.hudba-cover-empty{
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:rgba(255,255,255,.4);
}

.hudba-info{ flex:1;min-width:0 }
.hudba-nazev{
  font-size:12px;font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  line-height:1.3;
}
.hudba-interpret{
  font-family:var(--mono);font-size:9px;color:var(--ink-muted);
  margin-top:2px;display:flex;align-items:center;gap:5px;
}
.hudba-zanr{
  background:rgba(123,45,139,.15);color:#7b2d8b;
  padding:1px 5px;font-size:8px;letter-spacing:.06em;
}

.hudba-play-btn{
  font-size:12px;color:var(--ink-muted);flex-shrink:0;
  transition:color .15s,transform .15s;
}
.hudba-track:hover .hudba-play-btn{ color:#7b2d8b;transform:scale(1.2) }

/* Mini přehrávač */
.hudba-controls{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;
  background:linear-gradient(135deg,#1a0a2e,#2d1b4e);
  border-top:1px solid rgba(123,45,139,.3);
}
.hc-play,.hc-next{
  background:none;border:none;color:#fff;
  font-size:16px;cursor:pointer;padding:4px;
  transition:color .15s,transform .15s;flex-shrink:0;
}
.hc-play:hover,.hc-next:hover{ color:#7b2d8b;transform:scale(1.1) }
.hc-info{ flex:1;min-width:0 }
.hc-nazev{
  font-size:11px;color:#ddd;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  margin-bottom:4px;
}
.hc-progress-wrap{
  height:3px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden;
}
.hc-progress{
  height:100%;background:linear-gradient(90deg,#7b2d8b,#c8102e);
  width:0%;transition:width .5s linear;border-radius:2px;
}

/* CTA odkaz */
.hudba-cta{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;
  background:linear-gradient(135deg,#7b2d8b 0%,#c8102e 100%);
  color:#fff;text-decoration:none;
  transition:opacity .15s;
}
.hudba-cta:hover{ opacity:.9;color:#fff }
.hudba-cta-icon{ font-size:20px;flex-shrink:0 }
.hudba-cta-title{ font-size:12px;font-weight:600;line-height:1.3 }
.hudba-cta-url{ font-family:var(--mono);font-size:9px;opacity:.8;letter-spacing:.06em }
.hudba-cta-arrow{ margin-left:auto;font-size:18px;flex-shrink:0 }

.hudba-empty{
  padding:24px;text-align:center;color:var(--ink-muted);
}
.hudba-empty span{ font-size:32px;display:block;margin-bottom:8px;opacity:.3 }
.hudba-empty p{ font-size:13px;font-weight:600;margin-bottom:4px }
.hudba-empty small{ font-family:var(--mono);font-size:10px }

/* Dark mode */
body.dark .hudba-track:hover{ background:rgba(123,45,139,.2) }
body.dark .hudba-track.active{ background:rgba(123,45,139,.25) }
body.dark .hudba-nazev{ color:var(--dm-ink) }

/* ── KURZY VE FOOTERU ── */
.footer-kurzy{
  border-top:1px solid rgba(255,255,255,.08);
  padding:10px 0;margin-bottom:0;
  font-family:var(--mono);font-size:10px;color:#666;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
.fk-label{ color:#444;margin-right:4px;white-space:nowrap }
.fk-kurz{
  color:#888;white-space:nowrap;
}
.fk-kurz strong{ color:#aaa }

/* ══ PROMO KARTA — cobybylo.cz ══ */
.promo-card{
  background:#0d0d0d !important;
  border:1px solid rgba(200,16,46,.4) !important;
  text-decoration:none;
  transition:box-shadow .2s,transform .2s;
  position:relative;
  overflow:hidden;
}
.promo-card::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(200,16,46,.08) 0%,transparent 60%);
  pointer-events:none;z-index:0;
}
.promo-card:hover{
  box-shadow:0 4px 24px rgba(200,16,46,.25) !important;
  transform:translateY(-2px);
  border-color:rgba(200,16,46,.7) !important;
}
.promo-card-img{ position:relative;overflow:hidden }
.promo-badge{
  position:absolute;top:8px;left:8px;
  background:var(--red);
  color:#fff;font-family:var(--mono);font-size:8px;
  letter-spacing:.12em;text-transform:uppercase;
  padding:3px 8px;z-index:2;
}
.promo-card-img img{ filter:brightness(.6) saturate(1.2); }
.promo-card:hover .promo-card-img img{ filter:brightness(.75) saturate(1.3); }
.promo-kick{
  color:var(--red) !important;
  letter-spacing:.1em;
}
.promo-title{
  color:#ffffff !important;
  font-family:var(--serif);font-size:15px;font-weight:700;
  line-height:1.3;margin-bottom:5px;
}
.promo-desc{
  color:#888 !important;
  font-size:12px;line-height:1.5;margin-bottom:8px;
}
.promo-cta{
  background:var(--red);
  color:#fff !important;
  font-family:var(--mono);font-size:9px;
  letter-spacing:.08em;padding:3px 10px;
  font-weight:600;
}
.promo-url{
  font-family:var(--mono);font-size:9px;
  color:#555 !important;margin-left:auto;
}

/* ══════════════════════════════════
   QUIZ SEKCE — Bav se s námi
══════════════════════════════════ */
.quiz-sekce{
  background:#0d0d14;
  padding:40px 0 48px;
  border-top:3px solid #e91e8c;
  border-bottom:3px solid #e91e8c;
  margin-top:20px;
}
.quiz-sekce .sekce-header{ border-bottom-color:rgba(233,30,140,.3); }
.quiz-sekce .sekce-nadpis{ color:#fff; }
.quiz-sekce .sekce-vsechny{ color:#e91e8c;border-color:rgba(233,30,140,.3); }
.quiz-sekce .sekce-vsechny:hover{ color:#fff;border-color:#e91e8c;background:transparent; }

.quiz-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.quiz-card{
  background:#16161f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.quiz-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 32px rgba(233,30,140,.2);
  border-color:rgba(233,30,140,.4);
  color:inherit;
}

.quiz-card-img{
  position:relative;
  height:180px;
  overflow:hidden;
  background:linear-gradient(135deg,#1a0a3e,#3d1a6e);
}
.quiz-card-img img{
  width:100%;height:180px;
  object-fit:cover;display:block;
  transition:transform .3s ease;
  filter:brightness(.75);
}
.quiz-card:hover .quiz-card-img img{ transform:scale(1.05);filter:brightness(.85); }

.quiz-premium{
  position:absolute;top:12px;right:12px;
  background:#e91e8c;color:#fff;
  font-family:var(--mono);font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:3px 10px;border-radius:20px;
  font-weight:600;
}

.quiz-card-body{
  padding:16px;
  display:flex;flex-direction:column;flex:1;
}

.quiz-tag{
  display:inline-block;
  color:#fff;font-family:var(--mono);
  font-size:10px;letter-spacing:.06em;
  padding:4px 12px;border-radius:20px;
  margin-bottom:10px;font-weight:600;
  align-self:flex-start;
}

.quiz-title{
  font-family:var(--serif);
  font-size:17px;font-weight:700;
  color:#fff;line-height:1.3;
  margin-bottom:8px;
}

.quiz-desc{
  font-size:13px;color:#888;
  line-height:1.6;margin-bottom:12px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

.quiz-meta{
  display:flex;justify-content:space-between;
  font-family:var(--mono);font-size:10px;
  color:#555;margin-bottom:14px;
}

.quiz-btn{
  background:linear-gradient(90deg,#00bcd4,#0097a7);
  color:#fff;text-align:center;
  font-family:var(--mono);font-size:12px;
  font-weight:700;letter-spacing:.1em;
  padding:12px;border-radius:8px;
  transition:opacity .15s;
}
.quiz-card:hover .quiz-btn{ opacity:.9; }

@media(max-width:768px){
  .quiz-grid{ grid-template-columns:1fr; }
}
@media(min-width:769px) and (max-width:960px){
  .quiz-grid{ grid-template-columns:1fr 1fr; }
}

/* ══════════════════════════════════
   KRAJE DROPDOWN V NAVIGACI
══════════════════════════════════ */
.nav-kraje-wrap{
  position:relative;
  display:flex;align-items:center;
}
.nav-kraje-btn{
  background:none;border:none;
  padding:10px 14px;color:#bbb;
  font-family:var(--sans);font-size:11px;
  font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;cursor:pointer;
  border-right:1px solid rgba(255,255,255,.06);
  white-space:nowrap;transition:background .15s,color .15s;
  height:100%;
}
.nav-kraje-btn:hover,.nav-kraje-btn.open{color:#fff;background:rgba(255,255,255,.06)}

.nav-kraje-list{
  display:none;
  position:absolute;top:100%;left:0;z-index:300;
  background:#1a1a1a;border:1px solid #333;
  min-width:220px;max-height:400px;overflow-y:auto;
  box-shadow:0 8px 32px rgba(0,0,0,.5);
  columns:2;column-gap:0;
}
.nav-kraje-list.open{display:block}

.nav-kraj-item{
  display:block;break-inside:avoid;
  padding:8px 14px;font-size:12px;
  color:#bbb;border-bottom:1px solid #222;
  transition:background .12s,color .12s;
  white-space:nowrap;
}
.nav-kraj-item:hover,.nav-kraj-item.act{
  background:var(--red);color:#fff;
}


/* Horní lišta — vždy viditelná */
.ai-promo-top{
  display:flex;
  align-items:center;
  gap:16px;
  height:58px;
  padding:0 24px;
  max-width:1140px;
  margin:0 auto;
}


/* ═══ AI PROMO BANNER — generujknihu.cz ═══ */
.ai-promo-bar{
  background:#0c0b00;
  border-bottom:1px solid rgba(212,175,55,.5);
  overflow:hidden;
  max-height:52px;
  transition:max-height .6s ease;
  position:relative;
}
.ai-promo-bar:hover{ max-height:600px; }
.ai-promo-link{ display:block;text-decoration:none;color:inherit; }
.ai-promo-top{
  display:flex;align-items:center;gap:14px;
  height:52px;padding:0 24px;
  max-width:1140px;margin:0 auto;
}
.ai-promo-badge{
  flex-shrink:0;
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid #d4af37;color:#d4af37;background:transparent;
  padding:4px 12px;white-space:nowrap;
}
.ai-promo-title{
  font-family:var(--serif);font-size:16px;font-weight:700;color:#fff;white-space:nowrap;
}
.ai-promo-sep{ color:rgba(212,175,55,.3);font-size:16px;flex-shrink:0 }
.ai-promo-desc{
  font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.45);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;
}
.ai-promo-fallback{
  display:flex;align-items:center;gap:48px;
  padding:32px 40px;
  background:#0c0b00;
  border-top:1px solid rgba(212,175,55,.15);
}
.ai-promo-fb-left{ flex:1 }
.ai-promo-fb-tag{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:#d4af37;margin-bottom:14px;
}
.ai-promo-fb-big{
  font-family:var(--serif);font-size:38px;font-weight:900;
  color:#fff;line-height:1.1;margin-bottom:14px;
}
.ai-promo-fb-big span{ color:#d4af37;font-style:italic }
.ai-promo-fb-list{
  list-style:none;margin-bottom:20px;
  display:flex;flex-direction:column;gap:7px;
}
.ai-promo-fb-list li{ font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.6) }
.ai-promo-fb-btn{
  display:inline-block;
  background:linear-gradient(90deg,#d4af37,#f0d060);
  color:#0c0b00;font-family:var(--mono);font-size:11px;
  letter-spacing:.1em;padding:11px 26px;font-weight:700;
}
.ai-promo-fb-right{
  flex-shrink:0;width:160px;
  display:flex;align-items:center;justify-content:center;
}
.ai-promo-book{
  display:flex;
  transform:perspective(600px) rotateY(-15deg);
  transition:transform .3s;
  filter:drop-shadow(-12px 12px 20px rgba(0,0,0,.8));
}
.ai-promo-bar:hover .ai-promo-book{ transform:perspective(600px) rotateY(-6deg) }
.book-spine{
  width:18px;height:180px;
  background:linear-gradient(180deg,#8a7020,#4a3a00);
  border-radius:2px 0 0 2px;
}
.book-cover{
  width:120px;height:180px;
  background:linear-gradient(135deg,#1a1500,#2a2000);
  border:1px solid rgba(212,175,55,.5);border-radius:0 4px 4px 0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:14px;text-align:center;
}
.book-title{
  font-family:var(--serif);font-size:17px;font-weight:900;
  color:#fff;line-height:1.2;margin-bottom:10px;
}
.book-author{
  font-family:var(--mono);font-size:8px;letter-spacing:.1em;
  color:#d4af37;text-transform:uppercase;
}

/* ═══ TRENDS BAR ═══ */
.trends-bar{
  background:#111;
  border-bottom:1px solid #222;
  padding:0;
  overflow:hidden;
  white-space:nowrap;
}
.trends-bar .wrap{
  display:flex;align-items:center;
  gap:6px;padding:7px 0;
  overflow-x:auto;scrollbar-width:none;
}
.trends-bar .wrap::-webkit-scrollbar{display:none}
.trends-label{
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:#888;flex-shrink:0;margin-right:4px;
}
.trend-pill{
  display:inline-block;flex-shrink:0;
  font-family:var(--sans);font-size:11px;
  background:#1e1e1e;color:#ccc;
  padding:3px 10px;border-radius:20px;
  border:1px solid #333;text-decoration:none;
  transition:background .15s,color .15s,border-color .15s;
  white-space:nowrap;
}
.trend-pill:hover{background:var(--red);color:#fff;border-color:var(--red)}
.trend-empty{font-family:var(--mono);font-size:9px;color:#444}

/* ═══ SOCIÁLNÍ SÍTĚ SIDEBAR WIDGET ═══ */
.social-widget{
  background:linear-gradient(160deg,#0a1628 0%,#0d1f3c 40%,#0a2444 100%);
  border:1px solid rgba(66,103,178,.4);
  overflow:hidden;
  position:relative;
}
.social-widget::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(66,103,178,.2),transparent 70%);
  pointer-events:none;
}
.social-widget-head{
  background:linear-gradient(90deg,#1877f2,#0d5dbf);
  padding:12px 14px;
  display:flex;align-items:center;gap:10px;
}
.social-widget-head-icon{
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
}
.social-widget-head-text{
  font-family:var(--serif);font-size:13px;font-weight:700;
  color:#fff;line-height:1.2;
}
.social-widget-head-sub{
  font-family:var(--mono);font-size:8px;letter-spacing:.08em;
  color:rgba(255,255,255,.7);text-transform:uppercase;margin-top:1px;
}
.social-widget-body{
  padding:14px;
}
.social-widget-points{
  list-style:none;margin-bottom:14px;
  display:flex;flex-direction:column;gap:9px;
}
.social-widget-points li{
  display:flex;align-items:flex-start;gap:9px;
  font-family:var(--sans);font-size:12px;color:rgba(255,255,255,.8);
  line-height:1.4;
}
.social-point-icon{
  width:22px;height:22px;border-radius:50%;
  background:rgba(24,119,242,.25);border:1px solid rgba(24,119,242,.4);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;flex-shrink:0;margin-top:1px;
}
.social-widget-btn{
  display:block;width:100%;
  background:linear-gradient(90deg,#1877f2,#0d5dbf);
  color:#fff;text-align:center;
  font-family:var(--sans);font-size:13px;font-weight:700;
  padding:12px;border:none;cursor:pointer;
  text-decoration:none;
  transition:background .15s,transform .1s;
  letter-spacing:.02em;
}
.social-widget-btn:hover{
  background:linear-gradient(90deg,#2d8bf4,#1877f2);
  color:#fff;transform:translateY(-1px);
}
.social-widget-footer{
  padding:8px 14px;
  font-family:var(--mono);font-size:8px;letter-spacing:.06em;
  color:rgba(255,255,255,.3);text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
}