/* =========================================================
   WIOW Editor - Legacy Review Summary Bridge
   Styles the existing Newstar/BoldThemes review summary block
   without changing post content or duplicating image assets.
   ========================================================= */

.btReviewContent{
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0 0 18px;
    padding:18px 26px 18px 54px;
    overflow:hidden;
    border:1px solid rgba(243,183,16,.22);
    border-radius:18px;
    background:
        radial-gradient(circle at 18% 12%, rgba(243,183,16,.08), transparent 34%),
        linear-gradient(135deg, rgba(18,21,24,.96), rgba(8,10,12,.98)),
        var(--wiow-editor-texture);
    background-size:auto, auto, 520px 520px;
    box-shadow:
        0 14px 34px rgba(0,0,0,.26),
        inset 0 0 0 1px rgba(255,255,255,.03),
        inset 0 0 26px rgba(243,183,16,.035);
    font-family:Montserrat, Arial, sans-serif;
    color:#e7e7e7;
}

.btReviewContent::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:16px;
    background:linear-gradient(180deg,#f3b710 0%,#ff9b00 62%,#ef3d00 100%);
    box-shadow:0 0 14px rgba(243,183,16,.34);
}

.btReviewContent::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(255,255,255,.026), transparent 44%);
    opacity:.28;
}

.btReviewContent > *{
    position:relative;
    z-index:1;
    max-width:100%;
}

.btReviewContent > :last-child,
.btReviewContent .btSummary > :last-child{
    margin-bottom:0 !important;
}

.btReviewContent .btReviewHeading{
    position:relative;
    z-index:1;
    display:block;
    max-width:100%;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box;
    color:#fff;
    font-family:Montserrat, Arial, sans-serif;
    font-size:clamp(17px, 1.85vw, 28px);
    line-height:1;
    font-weight:720;
    letter-spacing:-.046em;
    text-transform:uppercase;
    transform:scaleY(.93);
    transform-origin:left center;
    white-space:nowrap !important;
    overflow:hidden;
    text-overflow:clip;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
}

.btReviewContent .btReviewHeading::after{
    content:"";
    display:block;
    width:min(720px, 100%);
    height:46px;
    margin:0;
    background:var(--wiow-editor-divider) center left / contain no-repeat;
    filter:drop-shadow(0 0 7px rgba(243,183,16,.32));
}

.btReviewContent .btSummary{
    position:relative;
    z-index:1;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#e8e8e8;
    font-family:Montserrat, Arial, sans-serif;
    font-size:clamp(15px, 1.12vw, 18px);
    line-height:1.48;
    font-weight:500;
}

.btReviewContent .btSummary::before,
.btReviewContent .btSummary::after{
    content:none !important;
    display:none !important;
}

@media (max-width: 1100px){
    .btReviewContent{
        /* Restore a little top separation once the layout stacks/reorients. */
        margin-top:16px;
        padding-left:58px;
    }
}

@media (max-width: 767px){
    .btReviewContent{
        margin:14px 0 16px;
        padding:15px 16px 16px 50px;
        border-radius:16px;
    }
    .btReviewContent::before{
        width:12px;
    }
    .btReviewContent .btReviewHeading{
        font-size:clamp(13px, 4.65vw, 21px);
        letter-spacing:-.052em;
    }
    .btReviewContent .btReviewHeading::after{
        width:100%;
        height:36px;
        margin:0;
    }
    .btReviewContent .btSummary{
        font-size:14px;
        line-height:1.45;
    }
}