/* vitalplanet.sk | hodnotenia obchodu – vizuálne vylepšenie | Developed by NETMALL s.r.o. */
:root{--vh-g:#4f9a28;--vh-gd:#3b7a1c;--vh-gl:#f4f9ef;--vh-b:#e4eadc;--vh-t:#2b2b2b;--vh-m:#6b6b6b}
/* === karty hodnotení (úvodná strana aj podstránka) === */
body .shop-eval .vote-wrap,body .ratingsList .vote-wrap{position:relative;background:#fff !important;border:1px solid var(--vh-b) !important;border-radius:14px;padding:18px 18px 16px !important;box-shadow:0 2px 10px rgba(40,70,20,.06);transition:box-shadow .2s,transform .2s}
body .shop-eval .vote-wrap:hover,body .ratingsList .vote-wrap:hover{box-shadow:0 8px 22px rgba(40,70,20,.13);transform:translateY(-2px)}
body .shop-eval .vote-wrap:before,body .ratingsList .vote-wrap:before{content:"\201C";position:absolute;top:2px;right:14px;font:700 64px/1 Georgia,serif;color:#dcebd0;pointer-events:none}
body .shop-eval .vote-name,body .ratingsList .vote-name{font-weight:700;font-size:15px;color:var(--vh-t)}
body .shop-eval .vote-time,body .ratingsList .vote-time{font-size:12.5px;color:var(--vh-m)}
body .shop-eval .vote-content,body .ratingsList .vote-content{margin-top:10px;font-size:14px;line-height:1.55;color:#444}
body .ratingsList .vote-initials{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--vh-gl);border:1px solid var(--vh-b);color:var(--vh-gd);font-weight:700;font-size:15px}
body .ratingsList .admin-response,body .ratingsList .votes-wrap.admin-response{margin-top:12px;padding:10px 12px !important;border:0 !important;border-left:3px solid var(--vh-g) !important;background:var(--vh-gl) !important;border-radius:0 8px 8px 0;font-size:13.5px}
/* === hviezdy === */
body .stars .star-on:before,body .stars .star-half:before{color:#f5a623 !important}
body .stars .star-off:before{color:#d3d3d3 !important}
/* === úvodná strana: blok Hodnotenie obchodu === */
body .container.row:has(>.shop-eval-stars){background:linear-gradient(180deg,var(--vh-gl) 0,#fff 100%);border-radius:18px;padding:34px 20px 30px;margin-top:24px}
body .container.row:has(>.shop-eval-stars)>h2{text-align:center;font-size:26px;font-weight:700;margin:0 0 12px}
body .container.row:has(>.shop-eval-stars)>h2 a{color:var(--vh-t);text-decoration:none}
body .shop-eval-stars{display:flex;justify-content:center;margin:0 0 6px}
body .shop-eval-stars .rate-average-inner{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--vh-b);border-radius:40px;padding:8px 22px;box-shadow:0 2px 10px rgba(40,70,20,.08)}
body .shop-eval-stars .rate-average{font-size:30px;font-weight:800;line-height:1;color:var(--vh-gd)}
body .shop-eval-stars .rate-star-wrap{display:flex;align-items:center;gap:10px}
body .shop-eval-stars .stars-label{font-size:14px;color:var(--vh-m)}
body .container.row>.shop-eval{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
body .container.row>.shop-eval .vote-wrap{width:auto !important;max-width:none !important;margin:0 !important;float:none}
body .container.row:has(>.shop-eval-stars) .btn{border-radius:24px;padding:10px 26px;font-weight:700}
/* === podstránka Hodnotenie obchodu: súhrn === */
body .rate-wrap{align-items:center;gap:28px;background:linear-gradient(135deg,var(--vh-gl),#fff);border:1px solid var(--vh-b);border-radius:18px;padding:24px 28px;margin:0 0 26px}
body .rate-wrap .rate-average-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
body .rate-wrap .rate-average{font-size:64px;line-height:1;font-weight:800;color:var(--vh-gd)}
body .rate-wrap .rate-star-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}
body .rate-wrap .stars-label{font-size:14px;color:var(--vh-m)}
body .rate-wrap .rate-bar{background:linear-gradient(90deg,#7bc043,var(--vh-g));border-radius:6px}
body .rate-wrap .rate-count{font-weight:700;color:var(--vh-t)}
body .ratingsList{gap:16px}
@media (max-width:1000px){
body .container.row>.shop-eval{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
body .container.row>.shop-eval{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}
body .container.row>.shop-eval .vote-wrap{scroll-snap-align:start}
body .container.row:has(>.shop-eval-stars){padding:24px 14px 22px}
body .container.row:has(>.shop-eval-stars)>h2{font-size:22px}
body .container.row>.shop-eval{gap:12px}
body .rate-wrap{padding:18px 16px;gap:16px}
body .rate-wrap .rate-average{font-size:52px}
body .shop-eval .vote-wrap:hover,body .ratingsList .vote-wrap:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
body .shop-eval .vote-wrap,body .ratingsList .vote-wrap{transition:none}
body .shop-eval .vote-wrap:hover,body .ratingsList .vote-wrap:hover{transform:none}
}