/* VERO eMAG Reviews – CSS */
.vh-tab-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  margin-left:8px;
  border-radius:999px;
  background:#e11d48; /* red */
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
  vertical-align:middle;

  white-space:nowrap;
  width:auto !important;
  max-width:none !important;
  box-sizing:border-box;
  overflow:visible;
}

.woocommerce-tabs ul.tabs li.reviews_tab a{
  display:inline-flex;
  align-items:center;
}

.vh-reviews-module{ padding:18px 0; }
.vh-reviews-title{ font-size:26px; font-weight:900; margin-bottom:14px; }

.vh-reviews-summary{ display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; }
.vh-reviews-score{ flex:0 0 160px; }
.vh-score-big{ font-size:54px; line-height:1; font-weight:900; }
.vh-score-count{ margin-top:6px; color:#6b7280; font-size:14px; }

.vh-star.is-full{ color:#f5b301; }
.vh-star.is-half{ color:#f5b301; opacity:.6; }
.vh-star.is-empty{ color:#d1d5db; }

.vh-reviews-breakdown{ flex:1 1 260px; }
.vh-break-row{ display:flex; align-items:center; gap:10px; margin:8px 0; }
.vh-break-label{ width:58px; color:#374151; font-size:14px; }
.vh-break-bar{ position:relative; height:10px; background:#eef2f7; border-radius:999px; flex:1; overflow:hidden; }
.vh-break-bar span{ position:absolute; left:0; top:0; bottom:0; background:#16a34a; border-radius:999px; }
.vh-break-count{ width:46px; color:#6b7280; font-size:14px; text-align:right; }

.vh-reviews-stats{
  margin:18px 0 14px;
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid #eef2f7; padding-top:14px;
}
.vh-stat{ flex:1; text-align:center; }
.vh-stat-icon{ font-size:18px; margin-bottom:6px; opacity:.85; }
.vh-stat-big{ font-size:22px; font-weight:900; }
.vh-stat-sub{ color:#6b7280; font-size:13px; }
.vh-stat-sep{ width:1px; height:58px; background:#eef2f7; }

.vh-review-btn{
  width:100%;
  border:2px solid #111827;
  background:#fff;
  border-radius:999px;
  height:54px;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
}
.vh-review-btn:hover{ transform:translateY(-1px); }

.vh-no-reviews{ color:#6b7280; margin-top:14px; }

/* Review enhancements */
.vh-review-title{ font-weight:900; margin:8px 0 6px; }
.vh-review-images{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.vh-review-img img{ width:70px; height:70px; object-fit:cover; border-radius:10px; border:1px solid #eef2f7; }

/* Modal */
.vh-review-modal{ position:fixed; inset:0; display:none; z-index:999999; }
.vh-review-modal.is-open{ display:block; }
.vh-review-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.vh-review-modal__panel{
  position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(92vw, 520px);
  max-height:85vh;
  overflow:auto;
  background:#fff;
  border-radius:18px;
  padding:18px 16px 16px;
}
.vh-review-modal__close{
  position:absolute; right:12px; top:10px;
  border:0; background:transparent; font-size:22px; cursor:pointer;
}
.vh-review-modal__title{ font-size:20px; font-weight:900; }
.vh-review-modal__sub{ color:#6b7280; margin-top:4px; font-size:13px; }

/* Form */
.vh-review-form{ margin-top:14px; }
.vh-field{ margin:14px 0; }
.vh-field--row{ margin-top:10px; }
.vh-label{ display:block; font-weight:900; margin-bottom:8px; }
.vh-opt{ color:#6b7280; font-weight:700; font-size:12px; }
.vh-input,.vh-textarea{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  font-size:15px;
  box-sizing:border-box;
}
.vh-textarea{ min-height:110px; resize:vertical; }
.vh-help{ color:#6b7280; font-size:12px; margin-top:6px; }
.vh-check{ display:flex; gap:10px; align-items:center; font-weight:800; }

/* Rating */
.vh-rating{ display:flex; gap:8px; }
.vh-rating button{
  font-size:28px; line-height:1;
  border:0; background:transparent; cursor:pointer;
  color:#d1d5db;
  padding:0;
}
.vh-rating.is-set button.is-on{ color:#f5b301; }

/* Submit */
.vh-submit{
  width:100%;
  height:54px;
  border:0;
  border-radius:14px;
  font-weight:900;
  font-size:18px;
  background:#2563eb;
  color:#fff;
  cursor:pointer;
}
.vh-submit:disabled{ opacity:.65; cursor:default; }
.vh-submit:hover{ filter:brightness(.96); }

/* Hide default review form if theme prints it */
#review_form_wrapper,
.woocommerce-Reviews #review_form,
.woocommerce-Reviews .comment-respond{
  display:none !important;
}

@media (max-width: 480px){
  .vh-score-big{ font-size:46px; }
}


/* Tools bar (Sort/Filter/Search) */
.vh-reviews-tools{
  display:flex;
  gap:10px;
  align-items:stretch;
  margin:14px 0 10px;
}
.vh-tool{
  flex:1 1 auto;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:14px;
  cursor:pointer;
  text-align:left;
}
.vh-tool--search{
  flex:0 0 44px;
  justify-content:center;
  font-size:18px;
}
.vh-tool-ic{
  width:26px; height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#f3f4f6;
  font-weight:900;
}
.vh-tool-label{ font-size:12px; color:#6b7280; font-weight:700; display:block; }
.vh-tool-val{ font-size:14px; color:#111827; font-weight:900; display:block; margin-left:auto; }
.vh-tool:hover{ border-color:#cbd5e1; }

.vh-reviews-search{
  display:flex;
  gap:8px;
  align-items:center;
  margin:0 0 10px;
}
.vh-search-input{
  flex:1;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  font-size:14px;
}
.vh-search-clear{
  width:42px;
  height:42px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
}

/* Popovers */
.vh-reviews-pop{
  position:relative;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:10px;
  margin:0 0 10px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
}
.vh-reviews-pop button{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:999px;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
  font-size:13px;
}
.vh-reviews-pop button:hover{ border-color:#cbd5e1; }

/* Load more */
.vh-load-more{
  width:100%;
  height:48px;
  margin-top:12px;
  border:1px solid #111827;
  background:#fff;
  border-radius:14px;
  font-weight:900;
  cursor:pointer;
}
.vh-load-more:disabled{ opacity:.7; cursor:default; }

@media (max-width: 480px){
  .vh-reviews-tools{ flex-wrap:wrap; }
  .vh-tool{ flex:1 1 100%; }
  .vh-tool--search{ flex:1 1 100%; }
}