/* ========= SCOPE EVERYTHING TO THIS WIDGET ========= */
#judgeme_product_reviews,
#judgeme_product_reviews * { box-sizing: border-box; }

/* Panel */
#judgeme_product_reviews{
    background:#F6E8C7;
    /* border-radius:12px; */
    padding:28px 18px 12px;
}

/* ---------- HEADER ---------- */
#judgeme_product_reviews .jdgm-rev-widg__title{
    margin:0 0 8px; text-align:center; font-weight:800;
    font-size:42px; letter-spacing:.3px; color:#191919;
}

/* Stars + "X.X/5 (N Reviews)" line */
#judgeme_product_reviews .jdgm-row-stars{
    display:flex; flex-direction:column; align-items:center; gap:8px;
}
#judgeme_product_reviews .jdgm-rev-widg__summary{ display:flex; }
#judgeme_product_reviews .jdgm-rev-widg__summary-inner{
    display:flex; align-items:center; gap:10px;
}
#judgeme_product_reviews .jdgm-rev-widg__summary-stars{
    display:flex; align-items:center; gap:4px;
}
#judgeme_product_reviews .jdgm-rev-widg__summary-average{
    font-weight:800; color:#1d1d1d;
}
/* "Based on X reviews" – center it, correct scale */
#judgeme_product_reviews .jdgm-rev-widg__summary-text{
    margin-top:8px; text-align:center; font-size:24px; font-weight:800; color:#1d1d1d;
}

/* Stars (gold/grey) */
#judgeme_product_reviews .jdgm-star{ width:22px; height:22px; display:inline-block; }
#judgeme_product_reviews .jdgm--on{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F2BF3C' d='M12 17.3l-6.18 3.73L7.4 14 2 9.27 8.91 8.63 12 2l3.09 6.63L22 9.27 16.6 14l1.58 7.03z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#judgeme_product_reviews .jdgm--off{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E7E3D6' d='M12 17.3l-6.18 3.73L7.4 14 2 9.27 8.91 8.63 12 2l3.09 6.63L22 9.27 16.6 14l1.58 7.03z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- HISTOGRAM (stars | bar | count) ---------- */
#judgeme_product_reviews .jdgm-histogram{
    max-width:560px; margin:14px auto 18px; display:grid; gap:14px;
}
#judgeme_product_reviews .jdgm-histogram__row{
    display:grid; grid-template-columns:170px 1fr 34px;
    align-items:center; column-gap:18px;
}
#judgeme_product_reviews .jdgm-histogram__star{ justify-self:start; }
#judgeme_product_reviews .jdgm-histogram__bar{
    height:18px;
    background:#D9D6BF;
    border-radius: 5px;
    overflow:hidden;
}
#judgeme_product_reviews .jdgm-histogram__bar-content{
    height:100%;
    background:#23242A;
    border-radius: 1px;
}
#judgeme_product_reviews .jdgm-histogram__frequency{
    justify-self:end; font-weight:700; color:#23242A;
}

/* ---------- CTA ---------- */
#judgeme_product_reviews .jdgm-widget-actions-wrapper{ text-align:center; margin:22px 0 12px; }
#judgeme_product_reviews .jdgm-write-rev-link{
    display:block;
    width:100%;
    max-width:720px;
    margin:0 auto;
    background:#23242A;
    color:#fff;
    text-decoration:none;
    padding:18px 22px;
    border-radius:10px;
    font-weight: 500;
    font-size:28px;
    line-height:1;
}

/* ---------- SORT ---------- */
#judgeme_product_reviews .jdgm-row-actions{ margin:8px 0 10px; }
#judgeme_product_reviews .jdgm-sort-dropdown-wrapper{
    width:100%;
    max-width:720px;
    margin:0 auto;
    position:relative;
    display: none;
}
#judgeme_product_reviews .jdgm-sort-dropdown{
    appearance:none;
    width:100%;
    height: 50px !important;
    background:#F4EED7;
    border:2px solid #23242A;
    border-radius:10px;
    padding: 8px 44px 14px 16px;
    font-weight: 500;
    font-size:18px;
    color: #23242A !important;
    /* margin: 0 auto; */
    text-align: center;
    display: none;
}
#judgeme_product_reviews .jdgm-sort-dropdown-arrow{
    position:absolute; right:16px; top:50%; transform:translateY(-50%) rotate(45deg);
    width:10px; height:10px; border-right:3px solid #23242A; border-bottom:3px solid #23242A;
}

/* ---------- REVIEW CARDS ---------- */
#judgeme_product_reviews .jdgm-rev{ padding:22px 0; }
#judgeme_product_reviews .jdgm-divider-top{ border-top:1px solid #DDCFAC; }
#judgeme_product_reviews .jdgm-rev__header{display:grid;/* grid-template-columns:1fr auto; */gap:12px;}
#judgeme_product_reviews .jdgm-row-rating{display:flex;align-items:center;justify-content: space-between;gap:8px;}
#judgeme_product_reviews .jdgm-rev__timestamp{color:#2a2a2a;font-weight: 300;}
#judgeme_product_reviews .jdgm-row-profile{display:flex;align-items:center;gap:12px;}
#judgeme_product_reviews .jdgm-rev__author{font-weight: 400;}
#judgeme_product_reviews .jdgm-rev__title{display:block;font-size:26px;font-weight: 500;margin:12px 0 6px;color: black;}
#judgeme_product_reviews .jdgm-rev__body{ font-size:20px; line-height:1.55; color:#171717; }

/* ---------- FORM ---------- */
#judgeme_product_reviews .jdgm-form__title{ font-size:24px; font-weight:800; margin:8px 0 10px; }
#judgeme_product_reviews .jdgm-form input[type="text"],
#judgeme_product_reviews .jdgm-form input[type="email"],
#judgeme_product_reviews .jdgm-form textarea{
    background:#FBF6E6; border:1.5px solid #DDCFAC; border-radius:8px; padding:12px 14px;
}
#judgeme_product_reviews .jdgm-btn{ border-radius:10px; padding:12px 18px; font-weight:800; }
#judgeme_product_reviews .jdgm-btn--solid{ background:#23242A; color:#fff; border:0; }
#judgeme_product_reviews .jdgm-btn--border{ background:#fff; color:#23242A; border:2px solid #23242A; }

/* ---------- MOBILE ---------- */
@media (max-width: 480px){
    #judgeme_product_reviews .jdgm-rev-widg__title{font-size: 28px;}
    #judgeme_product_reviews .jdgm-rev__title{ font-size:22px; }
    #judgeme_product_reviews .jdgm-rev__body{ font-size:18px; }
    #judgeme_product_reviews .jdgm-write-rev-link{font-size: 20px;display: none;}
}

span.jdgm-rev__author {
    display: block;
    color: black;
}

span.customer-avatar img {
    width: 60px;
    /* height: 100px; */
}

span.jdgm-rev__author-wrapper {
    display: flex;
}

span.jdgm-rev__author {
    margin-left: 10px;
    align-content: center;
}