/* PH-HODNOCENI 2026-11-02f = 2026-11-01e + pilulky v horni liste (Pavel 2. 11.: "Google a E-shop v grafice, jaka je ted").
   Prvky vklada ph-hodnoceni-20261102f.js; bez skriptu se nic nezobrazi.
   Tokeny podle stylového manuálu (23. 10., verze ba): hvezdy #D99A1E, text inkoust, odkazy hnede.
   e (standard opakovani informaci 1. 11.): bez radku u tlacitka na detailu,
   kosik 13/18 px bez tucneho pisma, uvod dva zdroje se stitky (E-shop, Prodejna na Googlu) stejne velke.
   f: pilulky v horni liste od 768 px, grafika beze zmeny z 26d (bez oteviraci doby), kratke popisky do 1199 px; na mobilu skryte.
   Vraceni: v Zahlavi a Zapati zpet na ph-hodnoceni-20261101e (bez pilulek) nebo 20261026d.css / .js. */

:root {
  --ph-hod-ink: #211A17; --ph-hod-muted: #6E645D; --ph-hod-line: #E7E0D6; --ph-hod-paper: #FFFFFF;
  --ph-hod-link: #8C6A3C; --ph-hod-link-2: #74572F; --ph-hod-gold: #B69C75; --ph-hod-star: #D99A1E;
}

/* cisla doplnovana skriptem (i v pasu Mercato dva): stejne siroke cislice, pri zmene 285 -> 286 se nic neposune */
[data-ph-hod] { font-variant-numeric: tabular-nums; }

/* --- Titulni stranka: sekce "Co o nas rikaji zakaznici" (nad patickou) --- */
.ph-hod { max-width: 1680px; margin: 48px auto; padding: 0 40px; color: var(--ph-hod-ink); font-family: Roboto, Arial, sans-serif; box-sizing: border-box; }
.ph-hod *, .ph-hod *::before, .ph-hod *::after { box-sizing: border-box; }
.ph-hod__h { font-size: 20px; font-weight: 600; line-height: 1.3; margin: 0 0 32px; padding-bottom: 12px; position: relative; }
.ph-hod__h::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: var(--ph-hod-gold); }
.ph-hod__grid { display: grid; grid-template-columns: minmax(260px, 320px) repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.ph-hod__card { background: var(--ph-hod-paper); border: 1px solid var(--ph-hod-line); border-radius: 14px; padding: 24px; min-height: 152px; }
.ph-hod__stars { color: var(--ph-hod-star); font-size: 15px; letter-spacing: 1px; line-height: 1; margin-top: 8px; }
.ph-hod__muted { color: var(--ph-hod-muted); font-size: 13px; line-height: 1.5; margin: 8px 0 0; }
.ph-hod__text { font-size: 15px; line-height: 1.5; margin: 12px 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } /* dlouhy text max. 6 radku, cely je na strance hodnoceni */
.ph-hod a { color: var(--ph-hod-link); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.ph-hod a:hover { color: var(--ph-hod-link-2); }
.ph-hod a:focus-visible { outline: 2px solid var(--ph-hod-ink); outline-offset: 2px; }
.ph-hod__all { display: inline-block; margin-top: 16px; font-size: 15px; }
/* e: souhrn = dva rovnocenne zdroje se stitkem, cisla stejne velka (zadne velke 4,9 navic) */
.ph-hod__src + .ph-hod__src { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ph-hod-line); }
.ph-hod__lbl { font-size: 13px; line-height: 18px; color: var(--ph-hod-muted); margin: 0 0 4px; }
.ph-hod__val { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font-size: 15px; line-height: 1.4; }
.ph-hod__val strong { font-size: 20px; font-weight: 700; line-height: 1.2; }
.ph-hod__val .ph-hod__stars { margin: 0; }
.ph-hod__val a { font-size: 15px; }
@media (max-width: 1199px) { .ph-hod__grid { grid-template-columns: minmax(240px, 300px) repeat(2, minmax(0, 1fr)); } .ph-hod__q:nth-of-type(4) { display: none; } }
@media (max-width: 767px) {
  .ph-hod { padding: 0 15px; margin: 32px auto; }
  .ph-hod__grid { grid-template-columns: 1fr; }
  .ph-hod__card { min-height: 0; }
  .ph-hod__q:nth-of-type(n+4) { display: none; } /* na mobilu souhrn a 2 hodnoceni */
}

/* --- Kosik: jeden radek u souhrnu, 13/18 px, bezna vaha, bez ramecku --- */
.ph-hod-row { font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; color: var(--ph-hod-muted); margin: 8px 0 4px; padding: 0; border: 0; background: none; }
.ph-hod-row .ph-hod__stars { display: inline; font-size: 13px; margin: 0 2px 0 0; }
.ph-hod-row a { color: var(--ph-hod-link); font-weight: 400; text-decoration: underline; text-underline-offset: 2px; }
.ph-hod-row a:focus-visible { outline: 2px solid var(--ph-hod-ink); outline-offset: 2px; }
.ph-hod-row--cart { text-align: right; }
@media (max-width: 767px) { .ph-hod-row--cart { text-align: center; } }

/* --- Stranka /hodnoceni-obchodu/: uvodni veta o overovani --- */
.ph-hod-intro { font-family: Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.5; color: var(--ph-hod-ink); max-width: 860px; margin: 0 0 24px; }
.ph-hod-intro a { color: var(--ph-hod-link); font-weight: 600; text-decoration: underline; }

/* --- f: Horni lista (od 768 px): obe hodnoceni jako pilulky, grafika beze zmeny z 26d (bez oteviraci doby).
   JS prida tridu .ph-hod-bar-on. Rozlozeni s textem hlasky (doprava vlevo, mezera 24 px, cast hodnoceni z hlasky skryta) resi ph-vzhled 20261102c.
   Na mobilu (do 767 px) pilulky nikdy (pas z hlasky ma hodnoceni v textu). --- */
@media (max-width: 767px) { html body .site-msg.information .ph-hod-bar { display: none !important; } }
@media (min-width: 768px) {
  html body .top-navigation-bar .site-msg.information .container.ph-hod-bar-on::before { content: none !important; display: none !important; }
  html body .top-navigation-bar .site-msg.information .container.ph-hod-bar-on { text-align: left !important; justify-content: flex-start !important; padding-left: 0 !important; margin-left: 0 !important; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar,
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar * { font-size: 13px !important; line-height: 22px !important; color: var(--ph-hod-ink) !important; font-family: Roboto, Arial, sans-serif; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; vertical-align: middle; font-weight: 500; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__pill { display: inline-flex; align-items: center; gap: 5px; padding: 0 10px; border-radius: 999px; background: #F1EBE1 !important; text-decoration: none; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__pill:hover { background: #E7E0D6 !important; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__pill:hover .ph-hod-bar__lbl { text-decoration: underline; text-underline-offset: 2px; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__pill:focus-visible { outline: 2px solid var(--ph-hod-ink); outline-offset: 2px; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__star { color: var(--ph-hod-star) !important; font-size: 15px !important; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar strong { font-weight: 700; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__lbl { font-weight: 400; }
}
/* sirka (f): od 1200 px dlouhe popisky, 768-1199 kratke ("Google", "E-shop") - vlevo je navic text dopravy z hlasky (170 px),
   s dlouhymi popisky by se pod 1200 px orezal (namereno 2. 11.); 26d melo kratke jen 768-899 */
html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__lbl--short { display: none !important; }
@media (min-width: 768px) and (max-width: 1199px) {
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__lbl--long { display: none !important; }
  html body .top-navigation-bar .site-msg.information .container .ph-hod-bar__lbl--short { display: inline !important; }
}

/* --- c: stranka /hodnoceni-obchodu/: "Pridat hodnoceni" vedle souhrnu 4,9 a jako hlavni (vinove) tlacitko podle manualu (bod 4) --- */
html body.in-hodnoceni-obchodu #ratingWrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; row-gap: 0; }
html body.in-hodnoceni-obchodu #ratingWrapper > .rate-wrap { flex: 0 0 auto; margin: 0; }
html body.in-hodnoceni-obchodu #ratingWrapper::after { content: ""; flex: 0 0 100%; height: 0; order: 1; } /* zalomeni: formular vzdy pod souhrn */
html body.in-hodnoceni-obchodu #ratingWrapper > #rate-form { order: 2; }
html body.in-hodnoceni-obchodu #ratingWrapper > #rate-form.visible { margin-top: 16px; }
html body.in-hodnoceni-obchodu #ratingWrapper > .rate-form-trigger { flex: 0 0 auto; margin: 0; padding: 0 !important; background: transparent !important; border: 0 !important; }
html body.in-hodnoceni-obchodu #ratingWrapper > .rate-form-trigger .btn {
  display: inline-flex; align-items: center; height: 48px; padding: 0 24px !important; border: 0 !important; border-radius: 999px !important;
  background: #6B1E2E !important; color: #FFFFFF !important; font-family: Roboto, Arial, sans-serif; font-size: 15px !important; font-weight: 600 !important; text-transform: none; box-shadow: none !important;
}
html body.in-hodnoceni-obchodu #ratingWrapper > .rate-form-trigger .btn:hover { background: #8C2F41 !important; }
html body.in-hodnoceni-obchodu #ratingWrapper > .rate-form-trigger .btn:focus-visible { outline: 2px solid #211A17; outline-offset: 3px; }

/* --- d: formular hodnoceni obchodu jen pro zakazniky z e-mailu (odkaz s ?guid= -> Shoptet vlozi skryte pole orderGuid
   a formular sam otevre) a pro prihlasene (JS prida body.ph-hod-form-on). Ostatnim se tlacitko ani formular neukazou.
   Prohlizec bez :has pravidlo ignoruje a ukaze formular vsem (bezpecna varianta: zakaznik z e-mailu nikdy neprijde o formular). --- */
html body.in-hodnoceni-obchodu:not(.ph-hod-form-on) #ratingWrapper:not(:has(input[name="orderGuid"])) > :is(.rate-form-trigger, #rate-form) { display: none !important; }
/* d: formular (z e-mailu): odeslani jako hlavni vinove tlacitko, odkaz na podminky hnede (bezova tlacitka sablony manual nepouziva) */
html body.in-hodnoceni-obchodu #formRating [type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; height: 48px; min-width: 160px; padding: 0 24px !important; border: 0 !important; border-radius: 999px !important;
  background: #6B1E2E !important; color: #FFFFFF !important; font-family: Roboto, Arial, sans-serif; font-size: 15px !important; font-weight: 600 !important; text-transform: none; box-shadow: none !important;
}
html body.in-hodnoceni-obchodu #formRating [type="submit"]:hover { background: #8C2F41 !important; }
html body.in-hodnoceni-obchodu #formRating [type="submit"]:focus-visible { outline: 2px solid #211A17; outline-offset: 3px; }
html body.in-hodnoceni-obchodu #formRating a { color: #8C6A3C !important; font-weight: 600; text-decoration: underline; }