/*==========================================================
JORASHA REVIEW LAYOUT
==========================================================*/

.jorasha-review-layout{

    display:grid;
    grid-template-columns:380px 1fr;
    gap:35px;
    align-items:start;

}

/*==========================================================
LEFT SIDE
==========================================================*/

.jorasha-review-form-area{

    position:sticky;
    top:120px;

}

#respond{

    background:#fff;

    border:1px solid #ededed;

    border-radius:24px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.comment-reply-title{

    font-size:28px;
    font-weight:700;
    margin-bottom:12px;

}

.comment-notes{

    color:#777;
    margin-bottom:25px;

}

/*==========================================================
RIGHT SIDE
==========================================================*/

.jorasha-review-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:25px;

}

.jorasha-review-header h2{

    font-size:32px;
    font-weight:700;
    color:#222;

}

.jorasha-review-header span{

    color:#e91e63;

}

/*==========================================================
REVIEW CARD
==========================================================*/

.jorasha-review-card{

    background:#fff;

    border:1px solid #efefef;

    border-radius:22px;

    padding:28px;

    margin-bottom:25px;

    transition:.3s;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.jorasha-review-card:hover{

    transform:translateY(-3px);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.jorasha-review-top{

    display:flex;

    align-items:flex-start;

}

/*==========================================================
AVATAR
==========================================================*/

.jorasha-review-avatar{

    margin-right:18px;

}

.jorasha-review-avatar img{

    width:58px;

    height:58px;

    border-radius:50%;

}

/*==========================================================
NAME
==========================================================*/

.jorasha-review-meta{

    flex:1;

}

.jorasha-review-meta h4{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#222;

}

.jorasha-review-date{

    margin-top:3px;

    color:#999;

    font-size:14px;

}

.jorasha-review-stars{

    margin-top:10px;

}

/*==========================================================
REVIEW TEXT
==========================================================*/

.jorasha-review-content{

    margin-top:20px;

    color:#444;

    line-height:1.9;

    font-size:16px;

}

.jorasha-review-content p{

    margin:0;

}

/*==========================================================
NO REVIEW
==========================================================*/

.jorasha-no-review{

    background:#fff5f7;

    border:1px solid #ffd7e5;

    border-radius:18px;

    padding:30px;

    color:#777;

}

/*==========================================================
FORM
==========================================================*/

.comment-form-rating{

    margin:20px 0;

}

.comment-form textarea{

    min-height:170px;

}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea{

    border-radius:14px;

    border:1px solid #e5e5e5;

}

/*==========================================================
SUBMIT
==========================================================*/

#respond input#submit{

    background:#e91e63!important;

    color:#fff!important;

    border:none!important;

    border-radius:50px!important;

    padding:16px 42px!important;

    font-weight:700;

    transition:.3s;

}

#respond input#submit:hover{

    background:#d81b60!important;

}

/*==========================================================
MOBILE
==========================================================*/

@media(max-width:991px){

    .jorasha-review-layout{

        grid-template-columns:1fr;

    }

    .jorasha-review-form-area{

        position:relative;

        top:auto;

    }

}


/*====================================================
REVIEW SUMMARY
====================================================*/

.jorasha-review-summary{

    background:#fff;

    border:1px solid #ededed;

    border-radius:24px;

    padding:35px;

    margin-bottom:35px;

    display:grid;

    grid-template-columns:220px 1fr;

    gap:40px;

    align-items:center;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

/* Left */

.jorasha-summary-left{

    text-align:center;

    border-right:1px solid #f1f1f1;

    padding-right:35px;

}

.jorasha-average-rating{

    font-size:64px;

    font-weight:800;

    color:#222;

    line-height:1;

}

.jorasha-average-stars{

    margin:18px 0;

}

.jorasha-average-stars .star-rating{

    margin:auto;

    float:none;

}

.jorasha-total-reviews{

    font-size:15px;

    color:#777;

    margin-top:12px;

}

/* Right */

.jorasha-summary-right{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.jorasha-rating-row{

    display:grid;

    grid-template-columns:45px 1fr 35px;

    align-items:center;

    gap:15px;

}

.jorasha-rating-row span{

    font-weight:600;

    color:#444;

}

.jorasha-rating-row strong{

    text-align:right;

    font-size:14px;

    color:#666;

}

.jorasha-rating-bar{

    height:10px;

    background:#f3f3f3;

    border-radius:50px;

    overflow:hidden;

}

.jorasha-rating-fill{

    height:100%;

    background:linear-gradient(90deg,#ff7aa5,#e91e63);

    border-radius:50px;

}

/* Mobile */

@media(max-width:768px){

    .jorasha-review-summary{

        grid-template-columns:1fr;

        gap:30px;

    }

    .jorasha-summary-left{

        border-right:none;

        border-bottom:1px solid #f1f1f1;

        padding-right:0;

        padding-bottom:25px;

    }

}

/*====================================================
PREMIUM REVIEW CARD
====================================================*/

/*====================================================
PREMIUM COMPACT REVIEW CARD
====================================================*/

.jorasha-review-card{

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;

    padding:20px 22px;

    margin-bottom:18px;

    box-shadow:0 6px 18px rgba(0,0,0,.04);

}

.jorasha-review-header{

    display:flex;
    gap:14px;
    align-items:flex-start;

}

.jorasha-review-avatar img{

    width:52px;
    height:52px;

    border-radius:50%;
    border:2px solid #f3f3f3;

}

.jorasha-review-user{

    flex:1;
    min-width:0;

}

.jorasha-review-user-top{

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:12px;

    margin-bottom:5px;

}

.jorasha-review-user-top h4{

    margin:0;

    font-size:17px;
    font-weight:700;

    color:#222;

    line-height:1.2;

}

.jorasha-verified-badge{

    background:#f5f5f5;
    color:#333;

    border:1px solid #e6e6e6;

    padding:4px 10px;

    border-radius:50px;

    font-size:12px;
    font-weight:600;

    white-space:nowrap;

}

.jorasha-review-user-bottom{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.jorasha-review-date{

    font-size:13px;
    color:#888;

}

/* Yellow Stars */

.jorasha-review-stars .star-rating,
.jorasha-average-stars .star-rating,
.star-rating{

    color:#FFC107 !important;

}

.star-rating::before{

    color:#e3e3e3 !important;

}

.jorasha-review-content{

    margin-top:16px;

    font-size:15px;

    color:#333;

    line-height:1.75;

}

.jorasha-review-content p{

    margin:0;

}

/*=========================================
REVIEW LIKE BUTTON
=========================================*/

.jorasha-review-like{

    display:inline-flex;
    align-items:center;
    gap:8px;

    background:transparent !important;
    border:none !important;
    outline:none !important;

    cursor:pointer;

    padding:0;

    color:inherit;

}

.jorasha-review-like:hover,
.jorasha-review-like:focus,
.jorasha-review-like:active{

    background:transparent !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;

}

.jorasha-heart{

    font-size:28px;

    color:#b5b5b5;

    transition:.25s ease;

}

.jorasha-review-like:hover .jorasha-heart{

    color:#ff4f8b;

    transform:scale(1.12);

}

.jorasha-review-like.liked .jorasha-heart{

    color:#ff4f8b;

}

.jorasha-like-count{

    font-size:15px;
    font-weight:600;
    color:#555;

}



@media(max-width:768px){

    .jorasha-review-card{

        padding:18px;

    }

    .jorasha-review-user-top{

        flex-direction:column;
        align-items:flex-start;
        gap:8px;

    }

    .jorasha-review-user-bottom{

        flex-direction:column;
        align-items:flex-start;
        gap:6px;

    }

}


/*====================================================
JORASHA POPUP
====================================================*/

.jorasha-popup-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:999999;

    animation:fadeIn .25s ease;

}

.jorasha-popup{

    width:380px;

    max-width:90%;

    background:#fff;

    border-radius:22px;

    padding:35px;

    text-align:center;

    box-shadow:0 30px 80px rgba(0,0,0,.18);

    animation:popup .3s ease;

}

.jorasha-popup-icon{

    font-size:42px;

    color:#ff4f8b;

    margin-bottom:15px;

}

.jorasha-popup-message{

    font-size:18px;

    color:#222;

    line-height:1.6;

    margin-bottom:28px;

}

.jorasha-popup-btn{

    background:#ff4f8b;

    color:#fff;

    border:none;

    border-radius:50px;

    padding:13px 38px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.jorasha-popup-btn:hover{

    background:#e91e63;

}

@keyframes popup{

    from{

        opacity:0;

        transform:translateY(25px) scale(.9);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

.jorasha-popup-buttons{

    display:flex;

    justify-content:center;

    gap:12px;

    margin-top:25px;

}

.jorasha-popup-login{

    background:#ff4f8b;

    color:#fff;

    text-decoration:none;

    padding:13px 30px;

    border-radius:50px;

    font-weight:700;

    transition:.25s;

}

.jorasha-popup-login:hover{

    background:#e91e63;

    color:#fff;

}

.jorasha-popup-close{

    background:#f5f5f5;

    color:#333;

    border:none;

    padding:13px 30px;

    border-radius:50px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.jorasha-popup-close:hover{

    background:#ebebeb;

}


/*====================================================
PREMIUM REVIEW FORM
====================================================*/

.jorasha-review-form-card{

    background:#fff;

    border-radius:30px;

    padding:40px;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

}

.jorasha-review-form-header h2{

    font-size:38px;

    margin:0;

    color:#222;

}

.jorasha-review-form-header p{

    color:#777;

    margin:10px 0 30px;

    line-height:1.8;

}

.jorasha-review-user{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff7fa;

    border:1px solid #ffe0ea;

    border-radius:18px;

    padding:18px 22px;

    margin-bottom:35px;

}

.jorasha-review-user img{

    border-radius:50%;

}

.jorasha-review-links{

    margin-top:6px;

    font-size:14px;

}

.jorasha-review-links a{

    color:#e91e63;

    text-decoration:none;

    font-weight:600;

}

.jorasha-review-links a:hover{

    text-decoration:underline;

}

/* Login Card */

.jorasha-review-login-card{

    background:#fff;

    border-radius:28px;

    padding:60px;

    text-align:center;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

}

.jorasha-review-login-card h2{

    margin-bottom:15px;

    font-size:38px;

}

.jorasha-review-login-card p{

    color:#777;

    margin-bottom:30px;

}

.jorasha-review-login-btn{

    display:inline-block;

    background:#e91e63;

    color:#fff;

    padding:15px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

}

.jorasha-review-login-btn:hover{

    background:#d81b60;

    color:#fff;

}

.jorasha-success-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#23c552;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:48px;

    font-weight:700;

    box-shadow:0 15px 35px rgba(35,197,82,.3);

}

.jorasha-popup h2{

    margin:0 0 12px;

    color:#222;

    font-size:30px;

}

.jorasha-popup p{

    color:#666;

    line-height:1.7;

}

.jorasha-review-login-card{

    background:#fff;

    border-radius:28px;

    padding:50px;

    text-align:center;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

}

.jorasha-review-login-card h2{

    font-size:34px;

    margin-bottom:15px;

}

.jorasha-review-login-card p{

    color:#666;

    margin-bottom:30px;

}

.jorasha-review-login-btn{

    display:inline-block;

    background:#e91e63;

    color:#fff;

    padding:15px 40px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.jorasha-review-login-btn:hover{

    background:#d81b60;

    color:#fff;

}

/* Review Form Title */

.comment-reply-title,
.jorasha-review-title{

    font-size:28px !important;
    font-weight:700 !important;
    color:#222 !important;

    margin:0 0 12px !important;

    line-height:1.3;

}