/* ===================== TOP STATS – čisté nastavení ===================== */

/* sklo v headeru vždy za obsahem */
.backhead .headerbar { position: relative; z-index: 1; }
.backhead .headerbar::before { z-index: 0 !important; pointer-events: none; }

/* obal top-stats – stejné orámování jako hlavní obsah stránky */
.mpw-top-stats-wrap{
  /* drž se šířky obsahu */
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--content-hpad, 12px);

  position: relative;
  z-index: 200;              /* nad sklem i dekoracemi */
  display: flex;
  flex-direction: column;    /* 1. a 2. řádek pod sebe */
  gap: 2px;
  margin-bottom: 6px;        /* malá mezera nad tmavou lištou */
}

/* ---------------- 1) HLAVNÍ ŘÁDEK ---------------- */
.mpw-top-stats{
  display: flex;
  justify-content: flex-end;   /* doprava */
  align-items: center;
  flex-wrap: nowrap;           /* držet na jedné řádce */
  gap: 8px 12px;
  overflow: hidden;            /* nic nepřetékej ven */
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;

  color: #fff;
  text-shadow: none !important;
  font-size: 11.6px;
  line-height: 1.35;
  font-weight: 400;
}

/* jednotlivé položky: smí se zúžit, žádný pevný max-width */
.mpw-top-stats .ts-item{
  flex: 0 1 auto;          /* shrink = 1, wrap = zakázán – viz nowrap na kontejneru */
  min-width: 0;            /* dovol, aby elipsa fungovala */
  max-width: none;         /* ZRUŠENÍ dřívějšího 30ch limitu */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* "…" při nedostatku místa */
}

/* tečka mezi položkami */
.mpw-top-stats .ts-item + .ts-item::before{
  content: "•";
  margin: 0 8px;
  opacity: .65;
}

/* ---------------- 2) DRUHÝ ŘÁDEK ---------------- */
.mpw-top-stats-users{
  display: block;         /* nový řádek pod prvním */
  width: 100%;
  text-align: right;
  margin: 0;
  color: #fff;
  text-shadow: none !important;
  font-size: 11px;
  line-height: 1.35;

  /* může být delší – povol normální zalomení */
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* odkazy v proužku */
.mpw-top-stats a, .mpw-top-stats-users a{
  color: #fff;
  text-decoration: underline dotted;
}
.mpw-top-stats a:hover, .mpw-top-stats-users a:hover{
  text-decoration: underline;
}

/* ---------------- RESPONSIVE LADĚNÍ ---------------- */

/* zmenši písmo postupně, ať se to vejde */
@media (max-width: 1100px){
  .mpw-top-stats{ font-size: 11.2px; }
  .mpw-top-stats-users{ font-size: 10.8px; }
}
@media (max-width: 920px){
  .mpw-top-stats{ font-size: 10.8px; gap: 6px 10px; }
  .mpw-top-stats-users{ font-size: 10.6px; }
}
@media (max-width: 760px){
  .mpw-top-stats{ font-size: 10.4px; gap: 6px 8px; }
  .mpw-top-stats-users{ font-size: 10.3px; }
}

/* velmi úzké – postupně skryj nejméně důležité konce,
   aby se 1. řádek stále držel na jedné řádce */
@media (max-width: 640px){
  .mpw-top-stats .ts-item:nth-last-child(1){ display: none; }
}
@media (max-width: 580px){
  .mpw-top-stats .ts-item:nth-last-child(2){ display: none; }
}
@media (max-width: 520px){
  .mpw-top-stats{ font-size: 10px; }
  .mpw-top-stats .ts-item:nth-last-child(3){ display: none; }
}

/* ---------------- OCHRANA PROTI “KOUSÁNÍ” LIŠTOU ---------------- */

/* tmavá lišta pod tím – pro jistotu nižší priorita než top-stats */
ul.nav-main.linklist,
.nav-main.linklist{
  position: relative;
  z-index: 50;
  margin-top: 0 !important;
  border-top: 0 !important;
}