/* reviews.css — Phase 5: reviews ka design (review.html, catalog, IT Services pages)
   theme.css ke rang hi use hote hain, isliye dark / light dono mein sahi dikhta hai. */

/* ---------- Stars (dikhane wale) ---------- */
.kr-stars{display:inline-flex;gap:1px;color:var(--gold);letter-spacing:0;line-height:1;white-space:nowrap;}
.kr-stars .off{color:var(--border-strong,var(--border));}
.kr-stars .half{background:linear-gradient(90deg,var(--gold) 50%,var(--border-strong,var(--border)) 50%);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- Catalog / services section ---------- */
.kr-section{margin:34px 0 0;}
.kr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.kr-head h2{font-family:var(--font-display);font-size:20px;margin:0 0 6px;}
.kr-summary{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;}
.kr-avg{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--text);line-height:1;}
.kr-summary .kr-stars{font-size:17px;}
.kr-google{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;text-decoration:none;}
.kr-google:hover{border-color:var(--accent);}
.kr-google svg{flex:none;}

.kr-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,340px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin;}
.kr-row > *{scroll-snap-align:start;}
.kr-card{display:flex;flex-direction:column;gap:10px;background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius,16px);padding:18px;min-width:0;}
.kr-card.kr-featured{border-color:color-mix(in srgb,var(--gold) 55%,var(--border));}
.kr-card .kr-stars{font-size:15px;}
.kr-body{margin:0;font-size:14px;line-height:1.6;color:var(--text);white-space:pre-line;overflow-wrap:anywhere;}
.kr-body.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.kr-more{background:none;border:none;padding:0;color:var(--accent);font-weight:700;font-size:12.5px;cursor:pointer;align-self:flex-start;}
.kr-photos{display:flex;gap:8px;}
.kr-photos button{padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;width:64px;height:64px;background:var(--bg-elevated);cursor:zoom-in;}
.kr-photos img{width:100%;height:100%;object-fit:cover;display:block;}
.kr-who{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--text-muted);}
.kr-who b{color:var(--text);font-size:13px;}
.kr-verified{color:var(--success,#1fa855);font-weight:600;}
.kr-about{font-size:12px;color:var(--text-muted);}
.kr-about a{color:var(--accent);text-decoration:none;}
.kr-reply{border-left:3px solid var(--accent);padding:6px 0 6px 10px;font-size:12.5px;color:var(--text-muted);line-height:1.5;}
.kr-reply b{display:block;color:var(--text);font-size:12px;margin-bottom:2px;}

/* Product card chip + detail block */
.kr-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--text-muted);margin-top:4px;}
.kr-chip span{color:var(--gold);}
.kr-detail{margin-top:30px;}
.kr-detail h3{font-family:var(--font-display);font-size:17px;margin:0 0 4px;}
.kr-detail .kr-list{display:grid;gap:12px;margin-top:14px;}
.kr-show-all{margin-top:12px;}
.kr-write{margin-top:12px;}

/* Photo lightbox */
.kr-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:20px;}
.kr-lightbox img{max-width:100%;max-height:100%;border-radius:12px;}
.kr-lightbox button{position:absolute;top:14px;right:16px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;}

/* ---------- review.html (form) ---------- */
.rv-page{max-width:600px;margin:0 auto;padding:22px 16px 48px;position:relative;z-index:1;}
.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:26px;text-decoration:none;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:16px;}
.rv-top img{width:40px;height:40px;object-fit:contain;}
.rv-card{background:var(--surface-glass);border:1px solid var(--border);border-radius:20px;padding:26px 22px;}
.rv-card h1{font-family:var(--font-display);font-size:clamp(23px,5vw,30px);line-height:1.2;margin:0 0 8px;}
.rv-lead{color:var(--text-muted);font-size:14.5px;line-height:1.6;margin:0 0 22px;}
.rv-q{display:block;font-weight:700;font-size:14px;margin:22px 0 10px;}
.rv-hint{font-size:12.5px;color:var(--text-muted);margin:6px 0 0;line-height:1.5;}

/* Bade stars — page ka asli hissa */
.rv-rate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.rv-starset{display:flex;gap:4px;}
.rv-star{width:52px;height:52px;border:none;background:none;padding:0;cursor:pointer;color:var(--border-strong,var(--border));border-radius:12px;transition:transform .12s ease,color .12s ease;}
.rv-star svg{width:100%;height:100%;display:block;}
.rv-star.on{color:var(--gold);}
.rv-star:active{transform:scale(.92);}
.rv-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.rv-rate-label{font-family:var(--font-display);font-size:19px;font-weight:700;min-width:7em;}
@media(max-width:420px){.rv-star{width:46px;height:46px;}}

.rv-chips{display:flex;flex-wrap:wrap;gap:8px;}
.rv-chip{padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;text-align:left;}
.rv-chip[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));font-weight:700;}
.rv-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.rv-in{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-family:inherit;}
textarea.rv-in{min-height:130px;resize:vertical;line-height:1.55;}
.rv-in:focus{outline:none;border-color:var(--accent);}
.rv-count{font-size:11.5px;color:var(--text-faint,var(--text-muted));text-align:right;margin-top:4px;}
.rv-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:480px){.rv-two{grid-template-columns:1fr;}}

.rv-photos{display:flex;gap:10px;flex-wrap:wrap;}
.rv-ph{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-elevated);}
.rv-ph img{width:100%;height:100%;object-fit:cover;}
.rv-ph button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.65);color:#fff;font-size:15px;line-height:24px;cursor:pointer;padding:0;}
.rv-add{width:84px;height:84px;border-radius:12px;border:1.5px dashed var(--border-strong,var(--border));background:none;color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.rv-add b{font-size:22px;line-height:1;color:var(--accent);}
.rv-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.rv-submit{width:100%;justify-content:center;margin-top:26px;padding:15px 20px;font-size:15px;}
.rv-submit:disabled{opacity:.65;cursor:default;}
.rv-msg{font-size:13px;margin-top:12px;min-height:18px;}
.rv-msg.err{color:#ff5a6a;}
.rv-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:10px;line-height:1.5;}

.rv-done{text-align:center;}
.rv-done .rv-big{font-size:46px;margin-bottom:6px;color:var(--gold);}
.rv-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:22px;}
.rv-actions a{text-decoration:none;}
.rv-actions .kr-google{padding:13px 22px;font-size:14px;border-color:var(--accent);}
.rv-skel{height:16px;border-radius:8px;background:var(--surface);margin:12px 0;}
@media (prefers-reduced-motion: reduce){.rv-star{transition:none;}}