/* =========================================================
   KM Heureka widget – vzhled podle návrhu #2
   ========================================================= */
.km-heureka-widget{
  margin: 10px auto
}
.km-hrw.km-hrw--v2{
  border: 1px solid rgba(10,54,86,.18);
  border-radius: 28px;
  padding: 28px 28px 20px;
  background: #fff;
  max-width: 720px;
}

/* Header: jen titulek vlevo (bez odkazu vpravo) */
.km-hrw.km-hrw--v2 .km-hrw__head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom: 10px;
}
.km-hrw.km-hrw--v2 .km-hrw__title{
  color: #0a3656;
  font-size: 18px;
}

/* Footer link dole uprostřed */
.km-hrw.km-hrw--v2 .km-hrw__foot{
  margin-top: 18px;
  text-align: center;
}
.km-hrw.km-hrw--v2 .km-hrw__all{
  color: #eb3b84;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
}
.km-hrw.km-hrw--v2 .km-hrw__all:hover{
  text-decoration: underline;
}

/* ---------------------------------------------------------
   Vzhled jedné recenze (Shoptet/Heureka HTML uvnitř .vote-wrap)
   Cíl: jméno vlevo velké, datum vpravo nahoře, hvězdy vpravo pod datem
   --------------------------------------------------------- */

/* obal recenze */
.km-hrw.km-hrw--v2 .vote-wrap{
  border: 0;
  padding: 6px 0 0;
}

/* často bývá uvnitř nějaký "head" – pokud je, zrušíme marginy */
.km-hrw.km-hrw--v2 .vote-wrap *{
  box-sizing: border-box;
}

/* Jméno */
.km-hrw.km-hrw--v2 .vote-wrap .vote-name,
.km-hrw.km-hrw--v2 .vote-wrap .vote-author,
.km-hrw.km-hrw--v2 .vote-wrap .vote-user,
.km-hrw.km-hrw--v2 .vote-wrap h3,
.km-hrw.km-hrw--v2 .vote-wrap strong:first-child{
  font-size: var(--h2);
  line-height: 1.05;
  font-weight: 600;
  color: #0a3656;
  margin: 0;
  display: block;
}

/* Datum vpravo nahoře */
.km-hrw.km-hrw--v2 .vote-wrap .vote-date,
.km-hrw.km-hrw--v2 .vote-wrap .vote-time,
.km-hrw.km-hrw--v2 .vote-wrap time{
  float: right;
  font-size: 15px;
  color: rgba(10,54,86,.55);
  margin-top: 6px;
}

/* Hvězdy vpravo – posun pod datum */
.km-hrw.km-hrw--v2 .vote-wrap .stars,
.km-hrw.km-hrw--v2 .vote-wrap .vote-stars,
.km-hrw.km-hrw--v2 .vote-wrap .rate-stars{
  float: right;
  clear: right;
  margin-top: 8px;
  transform-origin: right center;
}

/* Text recenze */
.km-hrw.km-hrw--v2 .vote-wrap .vote-content,
.km-hrw.km-hrw--v2 .vote-wrap .vote-text,
.km-hrw.km-hrw--v2 .vote-wrap p{
  margin-top: 28px;
  font-size: var(--lead);
  line-height: 1.25;
  color: rgba(10,54,86,.7);
  background: rgba(10,54,86,.04);
  padding: 14px 16px;
  border-radius: 14px;
  display: inline-block;
  max-width: 100%;
}

/* vyčistit floaty (datum+hvězdy) */
.km-hrw.km-hrw--v2 .vote-wrap::after{
  content:"";
  display:block;
  clear: both;
}

/* ---------------------------------------------------------
   Slider ovládání – podle návrhu #2:
   - šipky pryč
   - tečky uprostřed
   --------------------------------------------------------- */
.km-hrw.km-hrw--v2 [data-prev],
.km-hrw.km-hrw--v2 [data-next]{
  display:none !important;
}

.km-hrw.km-hrw--v2 .km-hrw__nav{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}

.km-hrw.km-hrw--v2 .km-hrw__dots{
  display:flex;
  gap: 10px;
  align-items:center;
  margin: 0;
}

.km-hrw.km-hrw--v2 .km-hrw__dot{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(10,54,86,.18);
}
.km-hrw.km-hrw--v2 .km-hrw__dot.is-active{
  background: #eb3b84;
}
/* přeuspořádání footeru a navigace */
.km-hrw--v2 .km-hrw__foot{
  order: 1;
}

.km-hrw--v2 .km-hrw__nav{
  order: 2;
  margin-top: 12px;
}

/* rodič musí být flex */
.km-hrw--v2{
  display: flex;
  flex-direction: column;
}
/* pevná výška obsahu (bez skákání) */
.km-hrw--v2 .vote-content{
  height: 100px;                /* tvoje pevná výška */
  overflow: hidden;
  position: relative;
  padding: 14px 16px 52px;      /* místo pro šipku */
  border-radius: 14px;
  background: rgba(10,54,86,.04);
  cursor: pointer;
}

/* gradient jen když je text useknutý */
.km-hrw--v2 .vote-content.is-trunc::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.8em;
  background: linear-gradient(
    to bottom,
    rgba(247,249,251,0),
    rgba(247,249,251,.92) 55%,
    rgba(247,249,251,1) 100%
  );
  pointer-events: none;
}

/* šipka jako tlačítko – zobrazí se jen když je is-trunc */
.km-hrw--v2 .vote-content.is-trunc::before{
  content: "⌄";
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  font-size: 22px;
  font-weight: 800;
  line-height: 1;

  color: #fff;
  background: #eb3b84;
  border: 2px solid rgba(255,255,255,.95);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
  pointer-events: none; /* klik jde na .vote-content */
}

/* otevřený stav: výška pořád stejná, jen dovolíme scroll */
.km-hrw--v2 .vote-content.is-open{
  overflow: auto;
}

/* v open stavu odstraníme gradient */
.km-hrw--v2 .vote-content.is-open::after{
  display: none;
}

/* šipka se otočí */
.km-hrw--v2 .vote-content.is-open::before{
  transform: translateX(-50%) rotate(180deg);
}

/* když není potřeba rozbalit, skryjeme „tlačítko“ úplně */
.km-hrw--v2 .vote-content:not(.is-trunc)::before,
.km-hrw--v2 .vote-content:not(.is-trunc)::after{
  display: none !important;
  content: none !important;
  cursor: default;
}