/* Hungvureviewtiengduc - frontend */
.hungvu-review-wrap{margin:18px 0}

/* Summary (style like reference image) */
.hungvu-review-summary2{display:flex;gap:18px;align-items:center;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:16px;background:#f6fbfb}
.hungvu-s2-left{min-width:260px}
.hungvu-s2-score{display:flex;align-items:flex-end;gap:8px}
.hungvu-s2-avg{font-size:56px;line-height:1;font-weight:900;letter-spacing:-1px}
.hungvu-s2-max{font-size:16px;opacity:.75;margin-bottom:10px}
.hungvu-s2-icon{font-size:40px;line-height:1;margin-bottom:6px;opacity:.9}
.hungvu-s2-sub{margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hungvu-s2-link{text-decoration:underline}
.hungvu-s2-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(46,204,113,.15);border:1px solid rgba(46,204,113,.28);font-weight:700;font-size:12px}
.hungvu-s2-breakdown{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;opacity:.9}
.hungvu-s2-bd-item{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(255,255,255,.7)}
.hungvu-s2-bd-num{font-weight:800}

.hungvu-s2-bars{flex:1;min-width:260px}
.hungvu-s2-row{display:flex;align-items:center;gap:10px;margin:7px 0}
.hungvu-s2-star{width:34px;font-weight:700;opacity:.9}
.hungvu-s2-track{position:relative;flex:1;height:12px;border-radius:999px;background:rgba(0,0,0,.10);overflow:hidden}
.hungvu-s2-fill{position:absolute;left:0;top:0;height:100%;background:rgba(0,150,136,.55)}
.hungvu-s2-count{width:22px;text-align:right;font-weight:700;opacity:.8}

.hungvu-s2-cta{min-width:240px;text-align:right}

/* Summary: show the review form inside the right area (no bars, no CTA button) */
.hungvu-s2-form{flex:1;min-width:320px}
.hungvu-review-summary2 .hungvu-review-form-wrap{margin-top:0;border:none;background:transparent;padding:0}
.hungvu-review-summary2 .hungvu-form-title{margin-top:0}

/* Desktop: compact form layout (mobile unchanged) */
@media (min-width: 992px){
  .hungvu-review-summary2 .hungvu-review-form{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:14px;align-items:start}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-title{grid-column:1 / -1}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-row{grid-column:1 / -1;margin-bottom:0}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-row-name{grid-column:1}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-row-email{grid-column:2}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-row-images{grid-column:1}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-row-video{grid-column:2}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-actions{grid-column:1 / -1;margin-top:0}
  .hungvu-review-summary2 .hungvu-review-form .hungvu-form-msg{grid-column:1 / -1}
}

/* Reviews */
.hungvu-review-items{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.hungvu-review-item{display:flex;gap:12px;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px;background:#fff}
.hungvu-review-avatar img{border-radius:999px}
.hungvu-review-body{flex:1}
.hungvu-review-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.hungvu-review-author{font-size:14px}
.hungvu-review-product{font-weight:600;text-decoration:underline}
.hungvu-review-meta{font-size:12px;opacity:.75;margin:2px 0 8px}
.hungvu-dot{margin:0 6px;opacity:.6}
.hungvu-review-content{font-size:14px}
.hungvu-stars .hungvu-star-full,.hungvu-stars .hungvu-star-half{color:#f5a623}
.hungvu-stars .hungvu-star-empty{color:rgba(0,0,0,.25)}

/* Media thumbnails */
.hungvu-review-media{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.hungvu-review-img{border-radius:12px;display:block}
.hungvu-review-img-link{display:inline-block}
.hungvu-review-video-link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;text-decoration:none}
.hungvu-video-badge{font-weight:800;letter-spacing:.3px}
.hungvu-video-play{font-weight:900}

/* Load more */
.hungvu-review-loadmore-wrap{text-align:center;margin:16px 0}
.hungvu-review-loadmore{min-width:260px}

.hungvu-review-empty{padding:14px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;opacity:.8;background:#fff}

/* Form */
.hungvu-review-form-wrap{margin-top:14px;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;background:#fff}
.hungvu-form-title{margin:0 0 10px;font-size:16px}
.hungvu-form-row{margin-bottom:12px}
.hungvu-form-row label{display:block;font-weight:700;margin-bottom:6px}
.hungvu-counter{font-size:12px;opacity:.7;margin-top:4px}
.hungvu-help{font-size:12px;opacity:.7;margin-top:6px}

/* Rating stars input (rtl) */
.hungvu-stars-input{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hungvu-stars-rtl{display:inline-flex;flex-direction:row-reverse;gap:6px;line-height:1}
.hungvu-stars-rtl input{display:none}
.hungvu-stars-rtl label{font-size:22px;cursor:pointer;color:rgba(0,0,0,.25)}
.hungvu-stars-rtl input:checked ~ label{color:#f5a623}
.hungvu-stars-rtl label:hover, .hungvu-stars-rtl label:hover ~ label{color:#f5a623}
.hungvu-stars-input .hungvu-stars-labels{display:flex;gap:10px;font-size:12px;opacity:.75;flex-wrap:wrap}

/* Custom file input */
.hungvu-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hungvu-file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hungvu-file-text{font-size:14px;opacity:.75}

/* Previews */
.hungvu-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.hungvu-preview-item{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fafafa}
.hungvu-preview-item img,.hungvu-preview-item video{width:100%;height:100%;object-fit:cover}
.hungvu-preview-remove,.hungvu-preview-remove-video{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:999px;border:none;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:22px;padding:0}

.hungvu-form-actions{display:flex;gap:10px;flex-wrap:wrap}
.hungvu-form-msg{margin-top:10px;padding:10px;border-radius:10px;display:none}
.hungvu-form-msg.is-ok{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.25)}
.hungvu-form-msg.is-err{background:rgba(231,76,60,.10);border:1px solid rgba(231,76,60,.25)}

.hungvu-review-editbox textarea{width:100%}
.hungvu-review-editactions{display:flex;gap:10px;margin-top:8px}

/* Lightbox */
.hungvu-lightbox{position:fixed;inset:0;z-index:99999}
.hungvu-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}
.hungvu-lightbox-dialog{position:relative;max-width:min(980px,92vw);max-height:88vh;margin:6vh auto;background:#111;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.4)}
.hungvu-lightbox-close{position:absolute;top:8px;right:10px;width:36px;height:36px;border-radius:999px;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;z-index:2}
.hungvu-lightbox-content{display:flex;align-items:center;justify-content:center;padding:16px}
.hungvu-lightbox-img{max-width:100%;max-height:78vh;border-radius:10px}
.hungvu-lightbox-video{width:min(920px,90vw);max-height:78vh;border-radius:10px}

@media (max-width: 900px){
  .hungvu-review-summary2{flex-direction:column;align-items:stretch}
  .hungvu-s2-cta{text-align:left}
  .hungvu-s2-left{min-width:0}
}