/* ==========================================================================
   PROM-IN — OPRAVA HVĚZDIČEK U HODNOCENÍ   (17. 9. 2026)

   KAM VLOŽIT: na úplný KONEC souboru
   /user/documents/upload/scripts/styles_global.css
   (selektory jsou psané s "body", takže přebijí původní pravidla
   i kdyby se blok vložil do jiného CSS souboru)

   PROČ HVĚZDIČKY NEBYLY VIDĚT — dvě příčiny nad sebou:

   1) Hvězdičky měly rozměr 0 × 0 px.
      V souboru styles.css je pravidlo
          .stars a::before, .stars span::before { position: absolute; ... }
      To bylo napsané pro STAROU šablonu hodnocení, kde měla hvězdička
      pevnou šířku 21 px. Shoptet ale mezitím přepnul obchod na nové
      hodnocení (body má třídu "ums_discussion_rating_forms--on"),
      kde hvězdička žádnou vlastní šířku nemá — dostane ji až od znaku
      uvnitř ::before. Jenže absolutně napozicovaný ::before vypadne
      z toku, hvězdička se smrskne na nulu a nic není vidět.
      Znak i barva přitom byly celou dobu v pořádku.

   2) Protože vypadaly rozbitě, byly hvězdičky postupně schované napevno
      v styles_global.css (display: none !important):
          ř.  668  .stars-wrapper, .rate-average-wrap, .votes, ...
          ř.  715  #tab-content .vote-header .vote-rating
          ř. 2091  #ratingTab .vote-header .vote-rating (mobil)
          ř. 2291  .content-inner #ratingsList .vote-rating
      (u ř. 2291 je i komentář „Skrytí ROZBITÉ hvězdičky…“)

   Tenhle blok opravuje obojí. Až bude ověřeno, že vše sedí, je čisté
   ta čtyři původní pravidla ze styles_global.css rovnou smazat
   a nechat si jen tenhle blok.

   POZOR NA CACHE: soubor se načítá jako styles_global.css?v=163.
   Po úpravě zvyš číslo na ?v=164 v HTML kódu hlavičky šablony,
   jinak vrátí prohlížeč i Shoptet starou verzi.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1) JÁDRO OPRAVY — hvězdička musí mít zase rozměr
   -------------------------------------------------------------------------- */
body .stars .star::before {
    position: static !important;
    width: auto !important;
    height: auto !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

body .stars .star {
    width: auto !important;
    height: 16px !important;
}


/* --------------------------------------------------------------------------
   2) ODKRYTÍ HVĚZDIČEK U JEDNOTLIVÝCH RECENZÍ
      – detail produktu (záložka Hodnocení, desktop i mobil)
      – stránka /hodnoceni-obchodu/
      Šířku ani zarovnání needitujeme — platí původní pravidlo
      .vote-rating { width:100%; justify-content:space-between }, takže
      hvězdičky zůstanou vlevo a datum vpravo.
   -------------------------------------------------------------------------- */
body #tab-content .vote-header .vote-rating,
body #ratingTab .vote-header .vote-rating,
body .content-inner #ratingsList .vote-rating {
    display: flex !important;
    align-items: center;
}


/* --------------------------------------------------------------------------
   3) SOUHRN V ZÁLOŽCE HODNOCENÍ
      průměr (4,5 ★★★★⯨) + rozpad po hvězdách (5★ 105×, 4★ 98× …)
   -------------------------------------------------------------------------- */
body .rate-average-wrap {
    display: block !important;
}

body #ratingTab .votes {
    display: block !important;
}


/* --------------------------------------------------------------------------
   4) BARVY NA TMAVÉM POZADÍ
      půlhvězdička byla oranžová (#fcb201) vedle zelených — sjednoceno;
      prázdná hvězdička byla černá, tedy na černém pozadí neviditelná.
   -------------------------------------------------------------------------- */
body #ratingTab .star-half::before,
body #tab-content .star-half::before {
    color: #7AB800 !important;
}

body #ratingTab .star-off::before,
body #tab-content .star-off::before,
body .content-inner .star-off::before,
body .stars-wrapper .star-off::before {
    color: rgba(255, 255, 255, .3) !important;
}


/* ==========================================================================
   VOLITELNÉ — zapnout smazáním komentářových značek kolem bloku
   ========================================================================== */

/* --------------------------------------------------------------------------
   5) SOUHRNNÝ BOX HODNOCENÍ I NA MOBILU
      Dnes ho schovává styles_global.css ř. 2216 (.rate-wrap{display:none})
      uvnitř @media (max-width:768px) — přitom hned nad tím je pro něj
      připravený hezký tmavý card styl. Schoval se nejspíš proto, že bez
      hvězdiček zůstala prázdná krabice. Ověřeno: s opravou se vykreslí
      správně (352 × 329 px na iPhonu 390 px).

@media (max-width: 768px) {
    body #ratingTab .rate-wrap {
        display: flex !important;
    }
}
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   6) HVĚZDIČKY I NA DLAŽDICÍCH PRODUKTŮ (výpisy kategorií, homepage)
      Dnes je schovává styles_global.css ř. 668 (.stars-wrapper).
      Hodnocení má 9 ze 14 produktů v kategorii Proteinové suplementy,
      u ostatních se nezobrazí nic (žádné prázdné místo).
      Součástí je i přebarvení počtu hodnocení „(61×)“ — v styles.css
      má nastavenou černou, na tmavé dlaždici by nebyl vidět.

body .p .stars-wrapper {
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding-bottom: 0 !important;
}

body .p .stars-wrapper::after {
    color: rgba(255, 255, 255, .6) !important;
    position: static !important;
}
   -------------------------------------------------------------------------- */