/* ============================================================
   BASTLIK.CZ — Patička + hodnocení obchodu (v14)
   Hostovat na nakliknuti.cz, do Shoptet Záhlaví přidat:
   <link rel="stylesheet" href="https://www.nakliknuti.cz/bastlik-footer-14.css">
   K tomu do Zápatí: <script src=".../bastlik-footer-1.js"></script>

   Scope: vše pod #footer. Vlastní třídy mají prefix .bstl-ft-,
   proměnné --bstlft-. Nic mimo patičku se neovlivní.
   ============================================================ */

#footer {
  --bstlft-navy: #16233a;
  --bstlft-blue: #3b82f6;
  --bstlft-blue-dark: #2563eb;
  --bstlft-txt: #cbd5e1;
  --bstlft-muted: #94a3b8;
  --bstlft-line: rgba(255,255,255,.10);
  --bstlft-line-soft: rgba(255,255,255,.06);
  /* Písmo se řídí nastavením šablony v Shoptet adminu, ne systémem.
     Systémový stack je až záloha, kdyby se webfont nenačetl. */
  --bstlft-font: var(--template-font, "Nunito"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  background: var(--bstlft-navy) !important;
  color: #ffffff !important;
  font-family: var(--bstlft-font) !important;
  padding-bottom: 0 !important;
}

#footer .footer-rows { padding-top: 0 !important; }

#footer .container {
  max-width: 1240px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ------------------------------------------------------------
   1) ROZPUŠTĚNÍ BOOTSTRAP OBALŮ
   Sloupce (.col-sm-6.col-lg-3) -> .banner -> .banner-wrapper ->
   <span data-ec-promo-id> se stanou "průhledné", takže moje divy
   z jednotlivých bannerů jsou přímo položkami gridu.
   ------------------------------------------------------------ */
/* Rozpuštění obalů — tolerantní selektory (nezávislé na hloubce) */
#footer .custom-footer > div,
#footer .custom-footer .banner,
#footer .custom-footer .banner-wrapper,
#footer .custom-footer [data-ec-promo-id] {
  display: contents !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .custom-footer {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  gap: 0;
  padding: 0 !important;
  margin: 0 !important;
}

/* MOBIL: jeden sloupec, pořadí řeší order
   (v DOM je: usps+col1, col2, col4-doprava, col3-kontakt+seo) */
#footer .bstl-ft-usps   { order: 0; }
#footer .bstl-ft-col--1 { order: 1; }
#footer .bstl-ft-col--2 { order: 2; }
#footer .bstl-ft-col--3 { order: 3; }   /* Kontakty */
#footer .bstl-ft-col--4 { order: 4; }   /* Doprava  */
#footer .bstl-ft-seo    { order: 9; }

#footer .bstl-ft-usps,
#footer .bstl-ft-seo { grid-column: 1 / -1; }

/* DESKTOP: natvrdo daná pozice každé položky.
   Explicitní umístění přebíjí auto-placement, takže se nic nepřelije. */
@media (min-width: 992px) {
  #footer .custom-footer {
    grid-template-columns: 1.15fr 1fr 1.55fr 1.2fr;
    grid-template-rows: auto auto auto;
    column-gap: 30px;
    row-gap: 0;
  }

  #footer .bstl-ft-usps   { grid-row: 1; grid-column: 1 / -1; }
  #footer .bstl-ft-col--1 { grid-row: 2; grid-column: 1; }
  #footer .bstl-ft-col--2 { grid-row: 2; grid-column: 2; }
  #footer .bstl-ft-col--3 { grid-row: 2; grid-column: 3; }
  #footer .bstl-ft-col--4 { grid-row: 2; grid-column: 4; }
  #footer .bstl-ft-seo    { grid-row: 3; grid-column: 1 / -1; }
}

/* ------------------------------------------------------------
   2) BLOK VÝHOD (USP)
   ------------------------------------------------------------ */
#footer .bstl-ft-usps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  padding: 40px 0;
  border-bottom: 1px solid var(--bstlft-line);
}

#footer .bstl-ft-usp {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

#footer .bstl-ft-usp-ico {
  background: rgba(59,130,246,.15);
  color: var(--bstlft-blue);
  width: 44px; height: 44px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

#footer .bstl-ft-usp-txt h4 {
  font-family: var(--bstlft-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

#footer .bstl-ft-usp-txt p {
  font-size: 13px !important;
  color: var(--bstlft-muted) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ------------------------------------------------------------
   3) SLOUPCE — společné
   ------------------------------------------------------------ */
#footer .bstl-ft-col { padding: 46px 0; }

#footer .bstl-ft-head {
  /* h3/h4 míří Shoptetí pravidlo h1..h6 { font-family: var(--template-headings-font) }
     přímo na element, takže dědičnost z #footer na ně nedosáhne. */
  font-family: var(--bstlft-font) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

/* Šipka akordeonu — na desktopu skrytá */
#footer .bstl-ft-arrow { display: none; }

#footer .bstl-ft-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer .bstl-ft-links li {
  list-style: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

#footer .bstl-ft-links li:last-child { margin-bottom: 0 !important; }

#footer .bstl-ft-links a {
  color: var(--bstlft-txt) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.4;
  transition: color .15s ease;
}

#footer .bstl-ft-links a:hover,
#footer .bstl-ft-links a:focus { color: var(--bstlft-blue) !important; }

/* Sociální sítě */
#footer .bstl-ft-social {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

#footer .bstl-ft-soc {
  background: rgba(255,255,255,.05);
  color: #ffffff !important;
  width: 36px; height: 36px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  transition: background-color .15s ease, transform .15s ease;
}

#footer .bstl-ft-soc:hover {
  background: var(--bstlft-blue);
  transform: translateY(-2px);
}

/* Fakturační údaje */
#footer .bstl-ft-billing {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid var(--bstlft-line-soft);
  font-size: 13px;
  color: var(--bstlft-muted);
  line-height: 1.5;
}

#footer .bstl-ft-billing p { margin: 0 !important; color: inherit !important; font-size: inherit !important; }
#footer .bstl-ft-billing p strong { color: #ffffff !important; display: block; margin-bottom: 4px; }
#footer .bstl-ft-billing-ids { margin-top: 4px !important; }

/* ------------------------------------------------------------
   4) KONTAKTNÍ BOX (zvýrazněný, přesahuje nahoru)
   ------------------------------------------------------------ */
#footer .bstl-ft-contact {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  margin-top: 22px;
  align-self: start;
}

#footer .bstl-ft-contact .bstl-ft-head { color: var(--bstlft-blue) !important; }

#footer .bstl-ft-cm { margin-bottom: 16px; }
#footer .bstl-ft-cm:last-child { margin-bottom: 0; }

#footer .bstl-ft-cm-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--bstlft-muted);
  margin-bottom: 4px;
}

#footer .bstl-ft-cm-value {
  display: inline-block;
  font-size: 16px !important;
  font-weight: 700;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color .15s;
}

#footer .bstl-ft-cm-value:hover { color: var(--bstlft-blue) !important; }

#footer .bstl-ft-cm-note {
  font-size: 12px !important;
  color: var(--bstlft-txt) !important;
  line-height: 1.4 !important;
  margin: 4px 0 0 !important;
}

#footer .bstl-ft-cm-note strong { color: #60a5fa !important; font-weight: 600; }

#footer .bstl-ft-cm-hours {
  font-size: 11px !important;
  color: var(--bstlft-muted) !important;
  margin: 4px 0 0 !important;
}

/* ------------------------------------------------------------
   5) LOGA DOPRAVCŮ A PLATEB
   ------------------------------------------------------------ */
#footer .bstl-ft-badge-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--bstlft-muted) !important;
  margin: 0 0 8px !important;
}

#footer .bstl-ft-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

#footer .bstl-ft-badges:last-child { margin-bottom: 0; }

/* Dlaždice — všechny stejně velké.
   Všechna SVG sdílejí plátno 186x60, takže při jednotné výšce obrázku
   vychází i jednotná plocha loga. */
#footer .bstl-ft-badge {
  flex: 0 0 auto;
  background: #ffffff;
  border-radius: 6px;
  width: 92px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

#footer .bstl-ft-badge img {
  display: block;
  height: 24px;
  width: 74px;
  max-width: none !important;
  flex: 0 0 auto;
}

/* ------------------------------------------------------------
   6) SEO ŘÁDEK
   ------------------------------------------------------------ */
#footer .bstl-ft-seo {
  padding: 26px 0;
  border-top: 1px solid var(--bstlft-line);
  border-bottom: 1px solid var(--bstlft-line);
  font-size: 13px;
  line-height: 1.7;
  color: var(--bstlft-muted);
}

#footer .bstl-ft-seo strong { color: #ffffff; }

#footer .bstl-ft-seo a {
  color: var(--bstlft-txt) !important;
  text-decoration: none !important;
  transition: color .15s ease;
}

#footer .bstl-ft-seo a:hover { color: var(--bstlft-blue) !important; }

/* ------------------------------------------------------------
   7) SPODNÍ ŘÁDEK (Shoptet: copyright + signature)
   ------------------------------------------------------------ */
#footer .footer-bottom {
  background: transparent !important;
  border: none !important;
  padding: 24px 0 28px !important;
}

#footer .footer-bottom .container {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  text-align: left !important;
}

#footer .footer-bottom .copyright {
  order: 1;
  font-size: 12px !important;
  color: var(--bstlft-muted) !important;
  margin: 0 !important;
  float: none !important;
}

#footer .footer-bottom .copyright strong { color: #ffffff !important; }

#footer .footer-bottom .copyright a,
#footer .footer-bottom .cookies-settings {
  color: var(--bstlft-txt) !important;
  text-decoration: underline !important;
  margin-left: 10px;
}

#footer .footer-bottom .copyright a:hover { color: var(--bstlft-blue) !important; }

#footer #signature {
  order: 2;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  float: none !important;
  font-size: 12px !important;
}

#footer #signature a { color: var(--bstlft-muted) !important; text-decoration: none !important; }
#footer #signature a.title:hover { color: #ffffff !important; }
#footer #signature img { filter: brightness(0) invert(1); opacity: .6; }

/* ============================================================
   8) MOBIL — roletky (≤991px)
   ============================================================ */
@media (max-width: 991px) {

  #footer .container { padding-left: 16px !important; padding-right: 16px !important; }

  #footer .bstl-ft-usps {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 0;
  }

  /* Dělicí linka pod KAŽDÝM sloupcem, stejná síla u všech.
     Dřív byla u části bloků slabší (alpha .06) a na tmavém pozadí
     prakticky neviditelná. */
  #footer .bstl-ft-col {
    padding: 0 !important;
    border-bottom: 1px solid var(--bstlft-line) !important;
  }

  /* Nadpis funguje jako tlačítko */
  #footer .bstl-ft-head {
    margin: 0 !important;
    padding: 18px 0 !important;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  #footer .bstl-ft-arrow {
    display: block;
    width: 16px; height: 16px;
    flex: 0 0 16px;
    background: currentColor;
    color: var(--bstlft-muted);
    transition: transform .25s ease, color .25s ease;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") center / contain no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") center / contain no-repeat;
  }

  #footer .bstl-ft-col.is-open .bstl-ft-arrow {
    transform: rotate(180deg);
    color: var(--bstlft-blue);
  }

  /* Obsah sbalený */
  #footer .bstl-ft-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease-out, opacity .2s ease-out, padding-bottom .3s ease-out;
  }

  #footer .bstl-ft-col.is-open .bstl-ft-body {
    max-height: 1400px;
    opacity: 1;
    padding-bottom: 20px;
  }

  /* Kontaktní box na mobilu bez rámečku (rámeček dostane až obsah) */
  #footer .bstl-ft-contact {
    margin-top: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 !important;
    border-bottom: 1px solid var(--bstlft-line) !important;
  }

  #footer .bstl-ft-contact.is-open .bstl-ft-body {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    padding: 16px !important;
    margin-bottom: 18px;
  }

  #footer .bstl-ft-seo { padding: 22px 0; }

  #footer .footer-bottom .container {
    flex-direction: column;
    text-align: center !important;
  }

  #footer .footer-bottom .copyright a,
  #footer .footer-bottom .cookies-settings { display: block; margin: 6px 0 0; }
}

/* Bez JS zůstane obsah viditelný (fallback) */
@media (max-width: 991px) {
  #footer .custom-footer:not(.bstl-ft-ready) .bstl-ft-body {
    max-height: none;
    opacity: 1;
  }
  #footer .custom-footer:not(.bstl-ft-ready) .bstl-ft-arrow { display: none; }
}


/* ============================================================
   9) HODNOCENÍ OBCHODU  (#hodnoceniobchodu, nad patičkou)
   Blok vykresluje doplněk dominikmartini/shop_rating.
   Struktura:
     #hodnoceniobchodu.container.row
       h2
       .shop-eval-stars          — souhrn (průměr + hvězdy + počet)
       br
       .shop-eval                — kontejner recenzí
         .vote-wrap.srw-review   — jedna recenze (Shoptetí markup)
       .shop-stat-all > a.btn.btn-conversion
   ============================================================ */

#hodnoceniobchodu {
  --bstlrv-navy: #16233a;
  --bstlrv-blue: #3b82f6;
  --bstlrv-blue-dark: #2563eb;
  --bstlrv-star: #fbbf24;
  --bstlrv-card: #f8fafc;
  --bstlrv-line: #e2e8f0;
  --bstlrv-muted: #64748b;
  --bstlrv-text: #334155;
  --bstlrv-font: var(--template-font, "Nunito"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  font-family: var(--bstlrv-font) !important;
  display: block !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 56px 20px 48px !important;
  background: #ffffff;
  text-align: center;
}

#hodnoceniobchodu:before,
#hodnoceniobchodu:after { display: none !important; }

#hodnoceniobchodu > br { display: none; }

/* --- nadpis --- */
#hodnoceniobchodu > h2 {
  font-family: var(--bstlrv-font) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--bstlrv-navy) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.25 !important;
}

#hodnoceniobchodu > h2:after,
#hodnoceniobchodu > h2:before { display: none !important; }

/* --- souhrn (průměr + hvězdy + počet) --- */
#hodnoceniobchodu .shop-eval-stars {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 34px !important;
  font-size: 15px;
  font-weight: 700;
  color: var(--bstlrv-navy);
}

#hodnoceniobchodu .shop-eval-stars .stars-wrapper { margin: 0 !important; }

/* --- mřížka recenzí --- */
#hodnoceniobchodu .shop-eval {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-items: stretch;
  align-items: stretch;
  gap: 20px;
  margin: 0 0 34px !important;
  padding: 0 !important;
  text-align: left;
}

/* Zobrazit jen první 4 recenze, zbytek je na /hodnoceni-obchodu/.
   Chceš jich víc? Změň číslo v n+5 (např. n+9 = osm recenzí). */
#hodnoceniobchodu .shop-eval > .vote-wrap:nth-child(n+5) { display: none !important; }

/* --- karta recenze --- */
/* Doplněk dává kartám vlastní šířku / flex-basis — musí se přebít,
   jinak se v gridovém sloupci nenatáhnou. */
#hodnoceniobchodu .shop-eval > * {
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  flex: 1 1 auto !important;
  float: none !important;
}

#hodnoceniobchodu .vote-wrap {
  box-sizing: border-box;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch;
  align-self: stretch;
  background: var(--bstlrv-card);
  border: 1px solid var(--bstlrv-line);
  border-radius: 12px;
  padding: 20px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}

/* Vnitřek karty nesmí mít vlastní šířkové limity */
#hodnoceniobchodu .vote-wrap > *,
#hodnoceniobchodu .vote-summary,
#hodnoceniobchodu .vote-header,
#hodnoceniobchodu .vote-rating,
#hodnoceniobchodu .vote-content {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  float: none !important;
}

/* Doplněk část prvků pozicuje absolutně a ořezává je, což při různých
   výškách karet usekávalo datum. Uvnitř karty se proto plošně ruší
   pozicování, ořez i výškové stropy. */
#hodnoceniobchodu .vote-wrap,
#hodnoceniobchodu .vote-wrap * {
  position: static !important;
  overflow: visible !important;
  max-height: none !important;
  clip-path: none !important;
  text-overflow: clip !important;
  transform: none !important;
}

#hodnoceniobchodu .vote-wrap > *,
#hodnoceniobchodu .vote-summary,
#hodnoceniobchodu .vote-header,
#hodnoceniobchodu .vote-rating,
#hodnoceniobchodu .vote-content,
#hodnoceniobchodu .vote-name,
#hodnoceniobchodu .vote-time {
  height: auto !important;
  min-height: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

/* Hlavička se chová stejně, ať už doplněk vloží jméno/datum/hvězdy
   do .vote-header nebo do .vote-rating. */
#hodnoceniobchodu .vote-header,
#hodnoceniobchodu .vote-rating {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 4px 10px;
}

/* Avatary vzor nemá */
#hodnoceniobchodu .vote-pic,
#hodnoceniobchodu .vote-initials,
#hodnoceniobchodu .vote-delimeter { display: none !important; }

#hodnoceniobchodu .vote-summary { width: 100% !important; }

#hodnoceniobchodu .vote-header { margin: 0 !important; }

/* Jméno vlevo, datum vpravo, hvězdy na vlastní řádek pod tím */
#hodnoceniobchodu .vote-rating { white-space: normal !important; }

#hodnoceniobchodu .vote-name {
  font-family: var(--bstlrv-font) !important;
  order: 1;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--bstlrv-navy) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

#hodnoceniobchodu .vote-time {
  order: 2;
  margin-left: auto !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--bstlrv-muted) !important;
  white-space: nowrap;
}

#hodnoceniobchodu .stars-wrapper {
  order: 3;
  flex: 0 0 100%;
  margin: 2px 0 0 !important;
  justify-content: flex-start !important;
}

#hodnoceniobchodu .star:before { font-size: 13px !important; line-height: 13px !important; }
#hodnoceniobchodu .star.star-on:before,
#hodnoceniobchodu .star.star-half:before { color: var(--bstlrv-star) !important; }
#hodnoceniobchodu .star.star-off:before { color: #d8dee7 !important; }

/* Text recenze */
#hodnoceniobchodu .vote-content {
  margin: 2px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--bstlrv-text) !important;
}

#hodnoceniobchodu .vote-content p { margin: 0 !important; font-size: inherit !important; color: inherit !important; }

/* Odpověď obchodu, pokud u recenze je */
#hodnoceniobchodu .vote-admin-response {
  margin-top: 10px !important;
  padding-left: 12px;
  border-left: 2px solid var(--bstlrv-blue);
  font-size: 12px !important;
  color: var(--bstlrv-muted) !important;
}

/* --- tlačítko "Zobrazit více" — delší a užší --- */
#hodnoceniobchodu .shop-stat-all {
  display: block !important;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

#hodnoceniobchodu .shop-stat-all .btn,
#hodnoceniobchodu .shop-stat-all .btn-conversion {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  /* Základ: výška 46px / odsazení 32px při 1440px šířce okna.
     clamp() drží poměr na širokých i úzkých monitorech a zároveň
     nedovolí, aby tlačítko kleslo pod dotykově použitelných 40px. */
  height: clamp(40px, 3.19vw, 52px) !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 clamp(24px, 2.22vw, 40px) !important;
  background: var(--bstlrv-blue) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: clamp(13px, 1.04vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transition: background-color .15s ease;
}

#hodnoceniobchodu .shop-stat-all .btn:hover,
#hodnoceniobchodu .shop-stat-all .btn:focus {
  background: var(--bstlrv-blue-dark) !important;
  color: #ffffff !important;
}

/* --- responzivita --- */
@media (max-width: 1199px) {
  #hodnoceniobchodu .shop-eval { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  #hodnoceniobchodu {
    padding: 40px 16px 36px !important;
  }

  #hodnoceniobchodu > h2 { font-size: 22px !important; }

  #hodnoceniobchodu .shop-eval {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 28px !important;
  }

  /* na mobilu stačí tři karty */
  #hodnoceniobchodu .shop-eval > .vote-wrap:nth-child(n+4) { display: none !important; }

  #hodnoceniobchodu .shop-stat-all .btn {
    width: 100% !important;
    height: 48px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }
}