/* hodnoceni-obchodu.css · v1 · 2026-10-18 — /hodnoceni-obchodu/ (nahrazuje hodnoceni-google.css)
   .dhg = souhrn e-shop + Google · .dho-* = hodnocení e-shopu ve stylu HP bloku (hlasy.css v3) */

/* ---------- 1) Google souhrn ---------- */
.dhg{--dhg-pink:#d90074;--dhg-pink-soft:#fbe2ef;--dhg-ink:#1d1d1f;--dhg-muted:#5f6368;margin:8px 0 36px;font-family:Rubik,-apple-system,"Segoe UI",sans-serif;color:var(--dhg-ink)}
.dhg *{box-sizing:border-box}
.dhg__head{margin:0 0 20px}
.dhg__total{font-size:26px;line-height:1.25;font-weight:600;margin:0 0 6px}
.dhg__total strong{color:var(--dhg-pink);font-size:34px;font-weight:700}
.dhg__sub{font-size:15px;line-height:1.55;color:var(--dhg-muted);margin:0;max-width:640px}
.dhg__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dhg__card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid #ececf0;background:#fff;text-decoration:none!important;color:inherit!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.dhg__card:hover,.dhg__card:focus-visible{border-color:var(--dhg-pink);box-shadow:0 8px 22px rgba(217,0,116,.10);transform:translateY(-2px);outline:none}
.dhg__card--shop{background:var(--dhg-pink-soft);border-color:transparent}
.dhg__city{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.dhg__g{width:16px;height:16px;flex:0 0 16px}
.dhg__score{font-size:28px;font-weight:700;line-height:1.1}
.dhg__star{color:#f5b301;font-size:22px}
.dhg__count{font-size:13px;color:var(--dhg-muted)}
.dhg__more{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:var(--dhg-pink)}
.dhg__more::after{content:" ↗"}
.dhg__more--down::after{content:" ↓"}
.dhg__note{font-size:12px;color:#8a8d91;margin:10px 0 0}
@media (max-width:1000px){.dhg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.dhg__total{font-size:21px}.dhg__total strong{font-size:28px}.dhg__grid{grid-template-columns:1fr 1fr;gap:10px}.dhg__card--shop{grid-column:1 / -1}.dhg__card{padding:14px}.dhg__score{font-size:24px}}

/* ---------- 2) Růžový pás s hodnoceními e-shopu ---------- */
.dho-band{position:relative;font-family:Rubik,-apple-system,"Segoe UI",sans-serif;text-align:center;
  padding:56px 0 48px;margin:24px 0 0;scroll-margin-top:90px;
  border-image:linear-gradient(180deg,#fff5fa 0%,#fce4f0 100%) fill 0 // 0 100vw}
.dho-band *{box-sizing:border-box}
.dho-band h3{font-family:Rubik,-apple-system,"Segoe UI",sans-serif!important;font-size:20px;font-weight:600}
.dho-eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#d90074;opacity:.8;margin:0 0 10px}
.dho-title{font-family:Rubik,-apple-system,"Segoe UI",sans-serif!important;font-size:35px;line-height:1.2;font-weight:500;color:#d90074;margin:0 0 16px}

/* souhrn 4,9 ★ 104 hodnocení jako bílý štítek */
.dho-band #ratingWrapper{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 26px;padding:0;border:0;background:none}
.dho-band .rate-wrap{display:block;margin:0;padding:0;border:0;background:none}
.dho-band .rate-average-wrap{display:block;margin:0;padding:0;width:auto;border:0}
.dho-band .votes{display:none!important}
.dho-band .rate-average-inner{display:inline-flex!important;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:10px 22px;
  box-shadow:0 8px 22px -12px rgba(217,0,116,.35);width:max-content;max-width:100%}
.dho-band .rate-average{font-size:24px!important;font-weight:700!important;color:#d90074!important;line-height:1!important;margin:0!important}
.dho-band .rate-star-wrap{display:inline-flex!important;align-items:center;gap:8px;flex-direction:row!important}
.dho-band .stars-label{font-size:14px;color:#1d1d1f;margin:0!important}
.dho-band .rate-form-trigger{margin:0;text-align:center}
.dho-band .rate-form-trigger .btn{font-family:inherit;font-size:14px;font-weight:600;color:#d90074!important;background:#fff!important;
  border:1px solid #f3c6dc!important;border-radius:999px!important;padding:9px 20px!important;line-height:1.2;box-shadow:none;transition:background .2s,border-color .2s}
.dho-band .rate-form-trigger .btn:hover{background:#fbe2ef!important;border-color:#d90074!important}
.dho-band #rate-form{text-align:left;width:100%;max-width:560px;background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 14px 28px -18px rgba(217,0,116,.45)}
.dho-band #rate-form.visible{display:block!important}
.dho-band .rate-average-inner{flex-direction:row!important;flex-wrap:nowrap!important}
.dho-band .rate-star-wrap .stars{display:inline-flex!important;flex-wrap:nowrap}

/* karty */
.dho-band #ratingsList.dho-ready,.dho-band.dho-js #ratingsList,.dho-band.dho-js .listingControls{display:none!important}
.dho-sortnote{font-size:12.5px;color:#8a7a83;margin:0 0 14px}
.dho-more{margin:30px 0 0;text-align:center}
.dho-more[hidden]{display:none}
.dho-more__btn{font-family:inherit;font-size:15px;font-weight:600;color:#fff;background:#d90074;border:0;border-radius:999px;padding:13px 28px;cursor:pointer;
  box-shadow:0 10px 22px -12px rgba(217,0,116,.6);transition:background .2s,transform .2s}
.dho-more__btn:hover{background:#b8005f;transform:translateY(-2px)}
.dho-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;text-align:left}
.dho-card{position:relative;margin:0;background:#fff;border-radius:20px;padding:24px 24px 20px;display:flex;flex-direction:column;
  box-shadow:0 14px 28px -18px rgba(217,0,116,.45);transition:transform .35s ease,box-shadow .35s ease}
.dho-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px -18px rgba(217,0,116,.5)}
.dho-card::after{content:"\201C";position:absolute;top:6px;right:18px;font-family:Georgia,serif;font-size:72px;line-height:1;color:#d90074;opacity:.14;pointer-events:none}
.dho-stars{font-size:15px;letter-spacing:3px;line-height:1;white-space:nowrap}
.dho-stars .on{color:#d90074}
.dho-stars .off{color:#f3c6dc}
.dho-quote{margin:12px 0 0;padding:0;border:0;font-style:normal;quotes:none}
.dho-quote p{margin:0;font-size:15px;line-height:1.55;color:#2e2229;overflow-wrap:break-word;
  display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.dho-quote{max-height:none}
.dho-card.dho-open .dho-quote p{-webkit-line-clamp:unset;display:block}
.dho-toggle{align-self:flex-start;margin:6px 0 0;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#d90074;cursor:pointer}
.dho-toggle:hover{text-decoration:underline}
.dho-reply{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fdf0f6;font-size:13.5px;line-height:1.5;color:#3a2a33}
.dho-reply b{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#d90074;margin:0 0 4px}
.dho-person{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px}
.dho-avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:13px;background:linear-gradient(135deg,#d90074,#a3005a)}
.dho-avatar.dho-t2{background:linear-gradient(135deg,#f06aa8,#d90074)}
.dho-avatar.dho-t3{background:linear-gradient(135deg,#a3005a,#6e003c)}
.dho-meta{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.dho-meta b{font-size:14.5px;font-weight:700;color:#1a1a1a}
.dho-meta span{font-size:12.5px;color:#8a7a83}

/* stránkování */
.dho-band .listingControls{display:flex;flex-direction:column;align-items:center;gap:10px;margin:30px 0 0;text-align:center}
.dho-band .pagination__list{display:flex;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.dho-band .pagination__list a,.dho-band .pagination__currentPage{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:#fff;color:#d90074!important;font-weight:600;border:1px solid #f3c6dc;text-decoration:none!important}
.dho-band .listingControls,.dho-band .pagination{justify-content:center!important;width:100%;float:none!important}
.dho-band .pagination__currentPage{background:#d90074!important;color:#fff!important;border-color:#d90074!important}
.dho-band .pagination__link--next{color:#d90074!important}
.dho-band .pagination__list a:hover{border-color:#d90074}
.dho-band .itemsTotal{font-size:13px;color:#8a7a83}
.dho-band .goToTop{display:none}

@media (max-width:1000px){.dho-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .dho-band{padding:40px 0 36px}
  .dho-title{font-size:28px}
  .dho-grid{grid-template-columns:1fr;gap:14px}
  .dho-card{padding:20px 20px 18px}
}
@media (prefers-reduced-motion:reduce){.dho-card,.dhg__card{transition:none}.dho-card:hover,.dhg__card:hover{transform:none}}