/**
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 *
 * 	Author: MD OMAR FARUK
 * 	Author URI: www.faruk.bd
 * 	Author Contact: https://faruk.bd/#contact
 * 	Author Email: info@faruk.bd | farukmr@gmail.com
 * 	Copyright © 2026
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 */
/*
 * Reviews - the public page and the block on the home page. Built on the
 * kit (assets/css/kit.css): the same in every theme, light and dark,
 * left-to-right and right-to-left.
 */
.rv-intro{max-width:48rem;margin:0 0 1.2rem;font-size:1.02rem;color:var(--k-muted)}
.rv-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,23rem);gap:1.4rem;align-items:start}
.rv-side{position:sticky;top:5.5rem}
.rv-side h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:.9rem}
.rv-side h2 i{color:var(--k-accent)}
.rv-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:center;margin-bottom:1rem}
.rv-score{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:7.5rem;text-align:center}
.rv-score b{font-size:2.6rem;font-weight:800;line-height:1}
.rv-score small{color:var(--k-muted);font-size:.85rem}
.rv-bars{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.rv-bars li{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2.2rem;align-items:center;gap:.6rem;font-size:.85rem;color:var(--k-muted)}
.rv-bars li i{color:var(--k-star);font-size:.75rem}
.rv-bars small{text-align:end;font-variant-numeric:tabular-nums}
.rv-bar{display:block;height:.5rem;border-radius:999px;background:var(--k-soft);border:1px solid var(--k-line);overflow:hidden}
.rv-bar span{display:block;height:100%;background:var(--k-star)}
.rv-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.rv-item{scroll-margin-top:6rem}
.rv-item:target{border-color:var(--k-accent);box-shadow:0 0 0 3px rgba(var(--k-accent-rgb),.15)}
.rv-item + .rv-item{margin-top:0}
.rv-item-head{display:flex;align-items:center;gap:.7rem}
.rv-item-head b{display:block;line-height:1.3}
.rv-item-head small{display:block;color:var(--k-muted);font-size:.83rem}
.rv-avatar{display:inline-grid;place-items:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(var(--k-accent-rgb),.14);color:var(--k-accent);font-weight:800}
.rv-item-title{margin:.7rem 0 .2rem!important;font-size:1.02rem}
.rv-item-body{margin:.5rem 0 0!important;overflow-wrap:anywhere}
.rv-reply{margin-top:.8rem;padding:.6rem .85rem;border-inline-start:3px solid var(--k-accent);border-radius:0 10px 10px 0;background:var(--k-soft);font-size:.93rem}
[dir="rtl"] .rv-reply{border-radius:10px 0 0 10px}
.rv-reply b{display:block;margin-bottom:.2rem;font-size:.86rem;color:var(--k-accent)}
.rv-reply p{margin:0!important;overflow-wrap:anywhere}
/* the stars of the form: five radio buttons, drawn from right to left so the ones before a chosen star light up with it */
.rv-pick{margin:0 0 1rem;padding:0;border:0;min-width:0}
.rv-pick-stars{display:inline-flex;flex-direction:row-reverse;gap:.15rem}
.rv-pick-stars label{margin:0;padding:.1rem;font-size:1.9rem;line-height:1;color:var(--k-line);cursor:pointer;transition:color .12s,transform .12s}
.rv-pick-stars label:hover{transform:scale(1.12)}
.rv-pick-stars input:checked ~ label,.rv-pick-stars label:hover,.rv-pick-stars label:hover ~ label{color:var(--k-star)}
.rv-pick-stars input:focus-visible + label{outline:3px solid rgba(var(--k-accent-rgb),.35);outline-offset:2px;border-radius:6px}
/* the home page */
.rv-home{padding:2.2rem 0}
.rv-home-in{width:min(1140px,100% - 2rem);margin-inline:auto}
.rv-home-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.4rem;margin-bottom:1.1rem}
.rv-home-head h2{margin:0 0 .3rem;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800}
.rv-home-score{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0!important;color:var(--k-muted);font-size:.95rem}
.rv-home-score b{color:var(--k-ink);font-size:1.1rem}
.rv-home-acts{display:flex;flex-wrap:wrap;gap:.5rem}
.rv-home-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.rv-home-list .k-card{display:flex;flex-direction:column;gap:.45rem;margin:0}
.rv-home-list p{flex:1 1 auto;margin:0!important;font-size:.95rem;overflow-wrap:anywhere}
.rv-home-title{font-size:1rem}
.rv-home-list small{display:flex;align-items:center;gap:.5rem;color:var(--k-muted);font-weight:600}
.rv-home-list .rv-avatar{flex-basis:1.9rem;width:1.9rem;height:1.9rem;font-size:.85rem}
@media (max-width:860px){
    .rv-layout{grid-template-columns:minmax(0,1fr)}
    .rv-side{position:static}
}
@media (max-width:480px){
    .rv-summary{grid-template-columns:minmax(0,1fr)}
}