/* TIOB reviews – scoped by hika_vote_tpl 1.0.0: listing → .tiob-reviews, mini → .tiob-rating-box, form → .tiob-review-wrapper (was global, the three .tiob-stars / .tiob-review-card rules overrode each other) */
/*
//LISTING.PHP
*//* =====================================================
   TIOB REVIEWS
   Simple / Clean / Responsive
===================================================== */




.tiob-reviews{
    direction: rtl;
    width: 100%;
    margin: 25px 0;
    color: #1e293b;
}/* =====================================================
   HEADER
===================================================== */




.tiob-reviews .tiob-review-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 16px;
}

.tiob-reviews .tiob-review-title{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
}

.tiob-reviews .tiob-review-title i{
    color: var(--hk-pri,#2563eb);
    font-size: 17px;
}

.tiob-reviews .tiob-review-title span{
    color: var(--hk-mut,#64748b);
    font-size: 13px;
    font-weight: 500;
}/* =====================================================
   AVERAGE
===================================================== */




.tiob-reviews .tiob-review-average{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    background: var(--hk-bg,#f8fafc);
    border: 1px solid var(--hk-line,#e5e7eb);
    border-radius: 9px;
    font-size: 12px;
}

.tiob-reviews .tiob-review-average strong{
    color: var(--hk-ink,#0f172a);
    font-size: 18px;
    line-height: 1;
}

.tiob-reviews .tiob-review-average > span{
    color: #94a3b8;
    font-size: 11px;
}

.tiob-reviews .tiob-mini-stars,
.tiob-reviews .tiob-stars{
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tiob-reviews .tiob-mini-stars i,
.tiob-reviews .tiob-stars i{
    color: #d1d5db;
    font-size: 12px;
}

.tiob-reviews .tiob-mini-stars i.active,
.tiob-reviews .tiob-stars i.active{
    color: #f59e0b;
}/* =====================================================
   REVIEW CARD
===================================================== */




.tiob-reviews .tiob-review-card{
    background: var(--hk-card, #fff);
    border: 1px solid var(--hk-line,#e5e7eb);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 10px;
    transition: border-color .2s ease;
}

.tiob-reviews .tiob-review-card:hover{
    border-color: #cbd5e1;
}/* =====================================================
   REVIEW TOP
===================================================== */




.tiob-reviews .tiob-review-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}/* =====================================================
   USER
===================================================== */




.tiob-reviews .tiob-user{
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.tiob-reviews .tiob-avatar{
    flex: 0 0 38px;
    width: 38px;
    height: 38px;

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

    background: var(--hk-pri-l,#eff6ff);
    color: var(--hk-pri,#2563eb);

    border: 1px solid var(--hk-pri-m,#dbeafe);
    border-radius: 50%;

    font-size: 14px;
    font-weight: 700;
}

.tiob-reviews .tiob-user-info{
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tiob-reviews .tiob-name{
    display: flex;
    align-items: center;
    gap: 5px;

    color: var(--hk-ink,#0f172a);
    font-size: 13px;
    font-weight: 700;
}

.tiob-reviews .tiob-date{
    display: flex;
    align-items: center;
    gap: 5px;

    margin-top: 4px;

    color: #94a3b8;
    font-size: 10px;
}

.tiob-reviews .tiob-date i{
    font-size: 10px;
}/* =====================================================
   VERIFIED
===================================================== */




.tiob-reviews .tiob-verified{
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #16a34a;
    font-size: 12px;
    cursor: pointer;
}

.tiob-reviews .tiob-verified:hover::after{
    content: "خریدار تایید شده";

    position: absolute;
    right: 50%;
    bottom: 22px;
    transform: translateX(50%);

    background: var(--hk-ink,#0f172a);
    color: #fff;

    padding: 5px 8px;
    border-radius: 5px;

    font-size: 10px;
    white-space: nowrap;
    z-index: 20;
}

.tiob-reviews .tiob-verified:hover::before{
    content: "";

    position: absolute;
    right: 50%;
    bottom: 16px;
    transform: translateX(50%);

    border: 4px solid transparent;
    border-top-color: var(--hk-ink,#0f172a);
}/* =====================================================
   RATING
===================================================== */




.tiob-reviews .tiob-rating{
    flex-shrink: 0;
    text-align: left;
}

.tiob-reviews .tiob-rating .tiob-stars{
    direction: unset;
}

.tiob-reviews .tiob-rating .tiob-stars span{
    margin-right: 5px;

    color: var(--hk-mut,#64748b);
    font-size: 11px;
}/* =====================================================
   COMMENT
===================================================== */




.tiob-reviews .tiob-comment{
    margin-top: 12px;
    padding: 11px 13px;

    background: var(--hk-bg,#f8fafc);
    border-radius: 9px;

    color: var(--hk-txt2,#475569);
    font-size: 12px;
    line-height: 1.9;
}

.tiob-reviews .tiob-comment p{
    margin: 0;
    padding: 0;
}/* =====================================================
   SELLER ANSWER
===================================================== */




.tiob-reviews .tiob-answer{
    margin-top: 10px;
    padding: 10px 12px;

    background: var(--hk-bg,#f8fafc);

    border-right: 3px solid var(--hk-pri,#2563eb);
    border-radius: 8px;
}

.tiob-reviews .tiob-answer-title{
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 5px;

    color: var(--hk-pri,#2563eb);
    font-size: 12px;
    font-weight: 700;
}

.tiob-reviews .tiob-answer-text{
    color: var(--hk-txt2,#475569);
    font-size: 11px;
    line-height: 1.8;
}/* =====================================================
   EMPTY
===================================================== */




.tiob-reviews .tiob-empty{
    text-align: center;

    padding: 30px 15px;

    background: var(--hk-bg,#f8fafc);
    border: 1px solid var(--hk-line,#e5e7eb);
    border-radius: 12px;
}

.tiob-reviews .tiob-empty i{
    display: block;
    margin-bottom: 10px;

    color: #94a3b8;
    font-size: 30px;
}

.tiob-reviews .tiob-empty h3{
    margin: 0 0 5px;

    color: var(--hk-txt2,#334155);
    font-size: 14px;
}

.tiob-reviews .tiob-empty p{
    margin: 0;

    color: #94a3b8;
    font-size: 11px;
}/* =====================================================
   PAGINATION
===================================================== */




.tiob-reviews .tiob-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    width: 100%;
    margin-top: 20px;

    direction: ltr;
}

.tiob-reviews .tiob-page{
    width: 34px;
    height: 34px;

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

    padding: 0;

    background: var(--hk-card, #fff);
    color: var(--hk-txt2,#475569);

    border: 1px solid #e2e8f0;
    border-radius: 8px;

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

    cursor: pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.tiob-reviews .tiob-page:hover{
    background: var(--hk-bg,#f8fafc);
    border-color: var(--hk-pri,#2563eb);
    color: var(--hk-pri,#2563eb);
}

.tiob-reviews .tiob-page.active{
    background: var(--hk-pri,#2563eb);
    border-color: var(--hk-pri,#2563eb);
    color: #fff;
}

.tiob-reviews .tiob-page:disabled{
    opacity: .35;
    cursor: default;
}/* =====================================================
   LOADING
===================================================== */




.tiob-reviews .tiob-loading{
    opacity: .5;
    pointer-events: none;
}/* =====================================================
   HIKASHOP OLD MESSAGES
===================================================== */




.hikashop_vote_notification,
.hikashop_vote_message{
    display: none !important;
}/* =====================================================
   MOBILE
===================================================== */




@media (max-width: 768px){

    .tiob-reviews{
        margin: 20px 0;
    }

    .tiob-reviews .tiob-review-head{
        align-items: stretch;
        flex-direction: inherit;
        gap: 10px;
    }

    .tiob-reviews .tiob-review-title{
        font-size: 15px;
    }

    .tiob-reviews .tiob-review-average{
        align-self: flex-start;
    }

    .tiob-reviews .tiob-review-top{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .tiob-reviews .tiob-rating{
        width: 100%;
        text-align: right;
    }

    .tiob-reviews .tiob-review-card{
        padding: 12px;
        border-radius: 10px;
    }

    .tiob-reviews .tiob-comment{
        font-size: 12px;
        line-height: 1.85;
    }

    .tiob-reviews .tiob-answer{
        padding: 9px 10px;
    }

    .tiob-reviews .tiob-pagination{
        margin-top: 16px;
    }

    .tiob-reviews .tiob-page{
        width: 32px;
        height: 32px;
    }
}/* =====================================================
   SMALL MOBILE
===================================================== */




@media (max-width: 420px){

    .tiob-reviews .tiob-review-card{
        padding: 10px;
    }

    .tiob-reviews .tiob-avatar{
        width: 35px;
        height: 35px;
        flex-basis: 35px;
    }

    .tiob-reviews .tiob-name{
        font-size: 12px;
    }

    .tiob-reviews .tiob-date{
        font-size: 9px;
    }

    .tiob-reviews .tiob-stars i{
        font-size: 11px;
    }

    .tiob-reviews .tiob-comment{
        padding: 9px 11px;
        font-size: 11px;
    }

    .tiob-reviews .tiob-answer-text{
        font-size: 10px;
    }

    .tiob-reviews .tiob-review-average{
        width: fit-content;
    }
}







/*
//MINI.PHP
*//*
==========================================================
 TIOB Rating System 2026
 Minimal Star Rating
 HikaShop 6.5
==========================================================
*//*
----------------------------------------------------------
 Main Container
----------------------------------------------------------
*/






.tiob-rating-box{

    display:inline-flex;

    direction:unset;

    animation:
    tiobRatingFade .35s ease both;
    
    margin: -10px 0 10px 0;

}/*
----------------------------------------------------------
 Stars
----------------------------------------------------------
*/






.tiob-rating-box .tiob-stars{

    display:flex;

    align-items:center;

    gap:3px;

    cursor:pointer;

}/*
----------------------------------------------------------
 Star
----------------------------------------------------------
*/






.tiob-rating-box .tiob-star{

    font-size:21px;

    line-height:1;

    display:inline-block;

    transition:

    transform .25s ease,

    filter .25s ease;

}/*
 Filled Star
*/





.tiob-rating-box .tiob-star-full{

    color:#FFC83D;

}/*
 Empty Star
*/





.tiob-rating-box .tiob-star-empty{
    color:var(--hk-line,#e5e7eb);
}/*
 Hover
*/






.tiob-rating-box .tiob-stars:hover .tiob-star{

    transform:scale(1.15);

}


.tiob-rating-box .tiob-star:hover{

    transform:scale(1.3);

}/*
----------------------------------------------------------
 Animation
----------------------------------------------------------
*/






@keyframes tiobRatingFade{


    from{

        opacity:0;

        transform:translateY(5px);

    }


    to{

        opacity:1;

        transform:translateY(0);

    }

}/*
----------------------------------------------------------
 HikaShop Compatibility
----------------------------------------------------------
*/






.hikashop_vote_notification_mini{

    display:none!important;

}



.tiob-rating-box .hk-rating{

    display:flex;

    background:none;

    padding:0;

}/*
----------------------------------------------------------
 Tooltip Minimal 2026
----------------------------------------------------------
*/






.tooltip-inner,
.hk-tooltip-inner{


    background:

    linear-gradient(
        135deg,
        var(--hk-ink,#111827),
        var(--hk-txt,#1f2937)
    ) !important;


    color:#fff !important;


    border-radius:10px !important;


    padding:8px 12px !important;


    font-size:12px;


    font-weight:600;


    box-shadow:

    0 10px 25px

    rgba(0,0,0,.22);


}/*
 Tooltip Content
*/






.tiob-tip-rating,
.tiob-tip-votes{


    display:inline-flex;

    align-items:center;

}



.tiob-tip-rating{

    color:#fff;

}



.tiob-tip-votes{


    color:#cbd5e1;

    margin-right:10px;

}



.tiob-tip-votes::before{


    content:"•";

    margin-left:10px;

    color:var(--hk-mut,#64748b);

}/*
 Highlight Number
*/






.tiob-tip-rating strong{


    color:#ffd166;

}/*
----------------------------------------------------------
 Mobile
----------------------------------------------------------
*/






@media(max-width:768px){


    .tiob-rating-box .tiob-star{

        font-size:19px;

    }


}









/*
//FORM.PHP
*//*==================================================
 TIOB REVIEW V3
==================================================*/


.tiob-review-wrapper{

    direction:rtl;

    width:100%;

    margin:25px 0;


}/*==================================================
 Accordion Button
==================================================*/







.tiob-review-wrapper .tiob-review-toggle{

    width:100%;

    height:54px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    border:1px solid #e2e8f0;

    border-radius:14px;

    background: var(--hk-card, #fff);

    color:var(--hk-txt2,#334155);

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}



.tiob-review-wrapper .tiob-review-toggle:hover{

    border-color:var(--hk-pri,#2563eb);

    background:var(--hk-bg,#f8fafc);

}



.tiob-review-wrapper .tiob-review-toggle span{

    display:flex;

    align-items:center;

    gap:8px;

}



.tiob-review-wrapper .tiob-review-toggle span i{

    color:var(--hk-pri,#2563eb);

}



.tiob-review-wrapper .tiob-arrow{

    transition:.30s;

}



.tiob-review-wrapper .tiob-review-toggle.active .tiob-arrow{

    transform:rotate(180deg);

}/*==================================================
 Accordion Body
==================================================*/







.tiob-review-wrapper .tiob-review-collapse{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:

    max-height .35s ease,

    opacity .25s ease;

}



.tiob-review-wrapper .tiob-review-collapse.open{

    max-height:2500px;

    opacity:1;

    margin-top:18px;

}/*==================================================
 Card
==================================================*/







.tiob-review-wrapper .tiob-review-card{

    background: var(--hk-card, #fff);

    border:none;

    border-radius:0px;

    padding:12px;

    box-shadow:

    0 8px 30px rgba(15,23,42,.05);

}/*==================================================
 User Box
==================================================*/



.tiob-review-wrapper .tiob-user-box{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:22px;

    padding:16px;

    background:var(--hk-bg,#f8fafc);


}



.tiob-review-wrapper .tiob-user-avatar{

    flex:0 0 52px;

}



.tiob-review-wrapper .tiob-user-avatar i{

    font-size:48px;

    color:var(--hk-pri,#2563eb);

}



.tiob-review-wrapper .tiob-user-info{

    flex:1;

}



.tiob-review-wrapper .tiob-user-name{

    font-size:15px;

    font-weight:700;

    color:#1e293b;

}



.tiob-review-wrapper .tiob-user-name span{

    margin-right:6px;

    color:var(--hk-mut,#64748b);

    font-size:12px;

    font-weight:400;

}



.tiob-review-wrapper .tiob-user-links{

    margin-top:6px;

    font-size:12px;

    color:var(--hk-mut,#64748b);

}



.tiob-review-wrapper .tiob-user-links a{

    margin-right:6px;

    color:var(--hk-bad,#dc2626);

    text-decoration:none;

    font-weight:700;

}



.tiob-review-wrapper .tiob-user-links a:hover{

    text-decoration:underline;

}/*==================================================
 Form Fields
==================================================*/







.tiob-review-wrapper .tiob-field{

    margin-bottom:20px;

}



.tiob-review-wrapper .tiob-field label{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:8px;

    font-size:13px;

    font-weight:700;

    color:var(--hk-txt2,#475569);

}



.tiob-review-wrapper .tiob-field label i{

    color:var(--hk-pri,#2563eb);

}



.tiob-review-wrapper .tiob-input{

    width:100%;

    height:44px;

    padding:0 14px;

    border:1px solid #dbe3ec;

    border-radius:12px;

    outline:none;

    font-size:13px;

    transition:.25s;

}



.tiob-review-wrapper .tiob-input:focus{

    border-color:var(--hk-pri,#2563eb);

    box-shadow:0 0 0 3px rgba(79,70,229,.10);

}/*==================================================
 Textarea
==================================================*/







.tiob-review-wrapper .tiob-textarea{

    position:relative;

}



.tiob-review-wrapper .tiob-textarea textarea{

    width:100%;

    min-height:140px;

    padding:14px;

    padding-bottom:36px;

    resize:vertical;

    border:1px solid #dbe3ec;

    border-radius:14px;

    outline:none;

    line-height:2;

    transition:.25s;

}



.tiob-review-wrapper .tiob-textarea textarea:focus{

    border-color:var(--hk-pri,#2563eb);

    box-shadow:0 0 0 3px rgba(79,70,229,.10);

}



.tiob-review-wrapper .tiob-counter{

    position:absolute;

    left:12px;

    bottom:10px;

    padding:2px 10px;

    border-radius:20px;

    background: var(--hk-bg, #f1f5f9);

    color:var(--hk-mut,#64748b);

    font-size:11px;

}/*==================================================
 Rating Stars
==================================================*/


.tiob-review-wrapper .tiob-stars{

    display:flex;

    align-items:center;

    gap:4px;

    user-select:none;

}



.tiob-review-wrapper .tiob-stars input{

    display:none;

}



.tiob-review-wrapper .tiob-stars label{

    font-size:34px;

    color:#cbd5e1;

    cursor:pointer;

    transition:.20s;

    line-height:1;

}



.tiob-review-wrapper .tiob-stars label:hover,
.tiob-review-wrapper .tiob-stars label:hover ~ label{

    color:#fbbf24;

}



.tiob-review-wrapper .tiob-stars input:checked ~ label{

    color:#fbbf24;

}/*==================================================
 Submit
==================================================*/







.tiob-review-wrapper .tiob-submit{

    margin-top:25px;

}



.tiob-review-wrapper .tiob-submit-btn{

    height:46px;

    min-width:180px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:0 24px;

    border:0;

    border-radius:12px;

    background:var(--hk-pri,#2563eb);

    color:#fff;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}



.tiob-review-wrapper .tiob-submit-btn:hover{

    background:var(--hk-pri-d,#1d4ed8);

    transform:translateY(-2px);

}



.tiob-review-wrapper .tiob-submit-btn.loading{

    opacity:.6;

    pointer-events:none;

}/*==================================================
 Ajax Message
==================================================*/







.tiob-review-wrapper .tiob-review-message{

    display:none;

    margin-top:18px;

    padding:14px 16px;

    border-radius:12px;

    font-size:13px;

    line-height:1.9;

}



.tiob-review-wrapper .tiob-review-message.success{

    display:block;

    background:var(--hk-ok-l,#ecfdf5);

    border:1px solid #bbf7d0;

    color:#15803d;

}



.tiob-review-wrapper .tiob-review-message.error{

    display:block;

    background:var(--hk-bad-l,#fef2f2);

    border:1px solid #fecaca;

    color:var(--hk-bad,#dc2626);

}/*==================================================
 Loading
==================================================*/







.tiob-review-wrapper .tiob-review-loading{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:15px;

    color:var(--hk-txt2,#475569);

    font-size:13px;

}



.tiob-review-wrapper .tiob-loader{

    width:18px;

    height:18px;

    border:2px solid var(--hk-pri-m,#dbeafe);

    border-top-color:var(--hk-pri,#2563eb);

    border-radius:50%;

    animation:tiobSpin .8s linear infinite;

}



@keyframes tiobSpin{

    to{

        transform:rotate(360deg);

    }

}/*==================================================
 Login Modal
==================================================*/


.tiob-login-modal{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    background:rgba(15,23,42,.65);

    backdrop-filter:blur(4px);

    z-index:999999;

}



.tiob-login-modal.show{

    display:flex;

}



.tiob-login-box{

    width:380px;

    max-width:92%;

    background: var(--hk-card, #fff);

    border-radius:22px;

    padding:30px;

    text-align:center;

    position:relative;

    box-shadow:

    0 20px 60px rgba(0,0,0,.25);

}



.tiob-login-close{

    position:absolute;

    top:12px;

    left:12px;

    width:34px;

    height:34px;

    border:0;

    border-radius:50%;

    background: var(--hk-bg, #f1f5f9);

    cursor:pointer;

    font-size:20px;

    transition:.2s;

}



.tiob-login-close:hover{

    background:#e2e8f0;

}



.tiob-login-icon{

    margin-bottom:15px;

}



.tiob-login-icon i{

    font-size:48px;

    color:var(--hk-pri,#2563eb);

}



.tiob-login-box h3{

    margin:0 0 10px;

    color:#1e293b;

    font-size:20px;

}



.tiob-login-box p{

    margin:0;

    color:var(--hk-mut,#64748b);

    line-height:2;

    font-size:13px;

}



.tiob-login-button{

    margin-top:22px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    border-radius:12px;

    background:var(--hk-pri,#2563eb);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}



.tiob-login-button:hover{

    background:var(--hk-pri-d,#1d4ed8);

    color:#fff;

}/*==================================================
 Mobile
==================================================*/





@media (max-width:768px){

    .tiob-review-wrapper .tiob-review-card{

        padding:16px;

    }

    .tiob-review-wrapper .tiob-user-box{

        align-items:flex-start;

    }

    .tiob-review-wrapper .tiob-user-avatar i{

        font-size:40px;

    }

    .tiob-review-wrapper .tiob-stars label{

        font-size:28px;

    }

    .tiob-review-wrapper .tiob-submit-btn{

        width:100%;

    }

    .tiob-login-box{

        padding:24px 18px;

    }

}
/* =========================================================
   hika_vote_tpl 1.0.0 additions
   ========================================================= */
/* form: rating label (span, not a <label>) */
.tiob-review-wrapper .tiob-field-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--hk-txt2,#475569)}
.tiob-review-wrapper .tiob-field-label i{color:var(--hk-pri,#2563eb)}
/* form stars: right-to-left fill in RTL (DOM order 5..1, laid out LTR so 1 sits on the right) */
.tiob-review-wrapper .tiob-stars{direction:ltr;flex-direction:row;justify-content:flex-end;width:max-content;max-width:100%;margin-inline-start:0}
.tiob-review-wrapper .tiob-stars label{display:inline-block;margin:0;padding:0 2px;gap:0}
.tiob-review-wrapper .tiob-stars input{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tiob-review-wrapper .tiob-stars input:focus-visible+label{outline:2px solid var(--hk-pri,#2563eb);outline-offset:2px;border-radius:6px}
.tiob-review-wrapper .tiob-stars:hover input:checked~label{color:#cbd5e1}
.tiob-review-wrapper .tiob-stars:hover label:hover,.tiob-review-wrapper .tiob-stars:hover label:hover~label{color:#fbbf24}
.tiob-review-wrapper .tiob-stars-error{animation:tiobShake .5s}
@keyframes tiobShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.tiob-review-wrapper .tiob-review-alert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:700;font-size:13.5px;margin:10px 0}
.tiob-review-wrapper .tiob-input,.tiob-review-wrapper textarea{font-size:16px}
/* mini: HikaShop's clickable stars (interactive mode) */
.tiob-rating-box.is-interactive .tiob-stars{cursor:default}
.tiob-rating-box .hk-rating,.tiob-rating-box .hk-rating *{font-size:21px;line-height:1}
.tiob-rating-box .hk-rate-star,.tiob-rating-box .hk-rating span{cursor:pointer}
@media (pointer:coarse){.tiob-review-wrapper .tiob-stars label{padding:4px 6px}}

/* =========================================================
   1.1.0 – exact date, useful votes, sort bar, pagination
   ========================================================= */
.tiob-reviews .tiob-date{display:flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.6}
.tiob-reviews .tiob-date time{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.tiob-reviews .tiob-date-day{font-weight:700;color:var(--hk-txt2,#475569)}
.tiob-reviews .tiob-date-time{color:var(--hk-txt2,#475569)}
.tiob-reviews .tiob-date-sep{color:#cbd5e1}
.tiob-reviews .tiob-date-ago{color:#94a3b8}

/* sort bar */
.tiob-reviews .tiob-sortbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:8px 10px;background:var(--hk-bg,#f8fafc);border:1px solid var(--hk-line,#e5e7eb);border-radius:12px}
.tiob-reviews .tiob-sort-label{font-size:12.5px;font-weight:700;color:var(--hk-txt2,#475569);display:inline-flex;align-items:center;gap:6px;margin-inline-end:4px}
.tiob-reviews .tiob-sort-label i{color:var(--hk-pri,#4f46e5)}
.tiob-reviews .tiob-sort{font-family:inherit;font-size:12.5px;font-weight:600;color:var(--hk-txt2,#475569);background:transparent;border:1px solid transparent;border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tiob-reviews .tiob-sort:hover{background:var(--hk-pri-l,#eef2ff);color:var(--hk-pri-d,#4338ca)}
.tiob-reviews .tiob-sort.active{background:var(--hk-pri,#4f46e5);border-color:var(--hk-pri,#4f46e5);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.25)}
.tiob-reviews .tiob-sort:focus-visible,.tiob-reviews .tiob-sort-select:focus-visible{outline:2px solid var(--hk-pri,#4f46e5);outline-offset:2px}
.tiob-reviews .tiob-sort-select{display:none;flex:1;min-width:0;font-family:inherit;font-size:16px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background: var(--hk-card, #fff);color:#1e293b}

/* useful / not useful */
.tiob-reviews .tiob-useful{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--hk-line,#e5e7eb);font-size:12px;color:var(--hk-mut,#64748b)}
.tiob-reviews .tiob-useful-q{font-weight:600}
.tiob-reviews .tiob-like,.tiob-reviews .tiob-dislike{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid #e2e8f0;background: var(--hk-card, #fff);color:var(--hk-mut,#64748b);cursor:pointer;transition:all .2s;line-height:1.4}
.tiob-reviews .tiob-like:hover{border-color:var(--hk-ok,#10b981);color:var(--hk-ok-d,#059669);background:var(--hk-ok-l,#ecfdf5)}
.tiob-reviews .tiob-dislike:hover{border-color:var(--hk-bad,#ef4444);color:var(--hk-bad,#dc2626);background:var(--hk-bad-l,#fef2f2)}
.tiob-reviews .tiob-like.is-on{background:var(--hk-ok,#10b981);border-color:var(--hk-ok,#10b981);color:#fff}
.tiob-reviews .tiob-dislike.is-on{background:var(--hk-bad,#ef4444);border-color:var(--hk-bad,#ef4444);color:#fff}
.tiob-reviews .tiob-useful.is-voted .tiob-like:not(.is-on),.tiob-reviews .tiob-useful.is-voted .tiob-dislike:not(.is-on){opacity:.55;cursor:default}
.tiob-reviews .tiob-useful.is-voted .tiob-like:not(.is-on):hover,.tiob-reviews .tiob-useful.is-voted .tiob-dislike:not(.is-on):hover{background: var(--hk-card, #fff);border-color:#e2e8f0;color:var(--hk-mut,#64748b)}
.tiob-reviews .tiob-useful.is-busy{opacity:.6;pointer-events:none}
.tiob-reviews .tiob-useful-sum{color:#94a3b8;font-size:11.5px}
.tiob-reviews .tiob-useful-msg{font-size:11.5px;font-weight:700}
.tiob-reviews .tiob-useful-msg.ok{color:var(--hk-ok-d,#059669)}
.tiob-reviews .tiob-useful-msg.info{color:#b45309}

/* pagination (JS buttons + Joomla footer when HikaShop pages the list) */
.tiob-reviews .tiob-pagination{direction:rtl;flex-direction:column;gap:8px;margin-top:22px}
.tiob-reviews .tiob-pages{display:inline-flex;align-items:center;gap:4px;padding:5px;background: var(--hk-card, #fff);border:1px solid var(--hk-line,#e5e7eb);border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.tiob-reviews .tiob-page{width:auto;min-width:36px;height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--hk-txt2,#475569);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tiob-reviews .tiob-page:hover:not(:disabled):not(.active){background:var(--hk-pri-l,#eef2ff);color:var(--hk-pri-d,#4338ca)}
.tiob-reviews .tiob-page.active{background:linear-gradient(135deg,var(--hk-pri,#4f46e5),var(--hk-pri-2,#6366f1));color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}
.tiob-reviews .tiob-page:disabled{opacity:.35;cursor:not-allowed}
.tiob-reviews .tiob-page:focus-visible{outline:2px solid var(--hk-pri,#4f46e5);outline-offset:2px}
.tiob-reviews .tiob-arr{font-size:18px;line-height:1}
.tiob-reviews .tiob-page-dots{min-width:22px;text-align:center;color:#94a3b8;font-weight:700}
.tiob-reviews .tiob-page-info{font-size:11.5px;color:#94a3b8}
.tiob-reviews .tiob-pagination.is-server ul,.tiob-reviews .tiob-pagination .pagination{display:inline-flex;align-items:center;gap:4px;list-style:none;margin:0;padding:5px;background: var(--hk-card, #fff);border:1px solid var(--hk-line,#e5e7eb);border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.05);flex-wrap:wrap;justify-content:center}
.tiob-reviews .tiob-pagination li{margin:0;padding:0;list-style:none}
.tiob-reviews .tiob-pagination li a,.tiob-reviews .tiob-pagination li span,.tiob-reviews .tiob-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--hk-txt2,#475569);font-size:13px;font-weight:700;text-decoration:none}
.tiob-reviews .tiob-pagination li a:hover{background:var(--hk-pri-l,#eef2ff);color:var(--hk-pri-d,#4338ca)}
.tiob-reviews .tiob-pagination li.active a,.tiob-reviews .tiob-pagination li.active span,.tiob-reviews .tiob-pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--hk-pri,#4f46e5),var(--hk-pri-2,#6366f1));color:#fff}
.tiob-reviews .tiob-pagination li.disabled a,.tiob-reviews .tiob-pagination li.disabled span{opacity:.35}
.tiob-reviews .tiob-pagination .counter,.tiob-reviews .tiob-pagination .limit{font-size:11.5px;color:#94a3b8;text-align:center}

@media (max-width:640px){
	.tiob-reviews .tiob-sort{display:none}
	.tiob-reviews .tiob-sort-select{display:block}
	.tiob-reviews .tiob-pg-txt{display:none}
	.tiob-reviews .tiob-page{min-width:34px;height:34px;padding:0 8px}
	.tiob-reviews .tiob-useful-q{width:100%}
}
@media (max-width:380px){
	.tiob-reviews .tiob-pages{gap:2px;padding:4px}
	.tiob-reviews .tiob-page{min-width:30px;height:32px;padding:0 6px;font-size:12px}
	.tiob-reviews .tiob-date-ago{display:none}
}
@media (pointer:coarse){
	.tiob-reviews .tiob-page,.tiob-reviews .tiob-pagination li a{min-width:44px;min-height:44px}
	.tiob-reviews .tiob-like,.tiob-reviews .tiob-dislike{min-height:40px;padding:6px 14px}
}

/* ===================== TIOB Digital 1.2.25: reviews redesign (tokens --tb-* with fallbacks) ===================== */
.tiob-reviews, .tiob-review-wrapper { --rv-pri: var(--tb-pri, var(--hk-pri, #4f46e5)); --rv-pl: var(--tb-pri-l, #eef2ff); --rv-ink: var(--tb-ink, #0f172a); --rv-txt: var(--tb-txt2, #334155); --rv-mut: var(--tb-mut, #64748b); --rv-line: var(--tb-line, #e5e7eb); --rv-soft: var(--tb-line2, #f1f5f9); --rv-card: var(--tb-card, #fff); --rv-star: #f59e0b; --rv-ok: var(--tb-ok, #059669); font-family: inherit; }
.tiob-reviews { margin: 0; color: var(--rv-ink); }
/* summary */
.tiob-reviews .tiob-review-head { flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 14px; padding: 18px 20px; border-radius: 18px; background: linear-gradient(135deg, var(--rv-pl), color-mix(in srgb, var(--rv-star) 8%, var(--rv-card))); border: 1px solid color-mix(in srgb, var(--rv-pri) 12%, transparent); }
.tiob-reviews .tiob-review-average { display: grid; grid-template-columns: auto auto; grid-template-areas: "n s" "n t"; align-items: center; column-gap: 12px; padding: 0; border: 0; background: none; box-shadow: none; }
.tiob-reviews .tiob-review-average strong { grid-area: n; font-size: 40px; line-height: 1; font-weight: 900; color: var(--rv-ink); }
.tiob-reviews .tiob-review-average > span { grid-area: t; font-size: 12px; color: var(--rv-mut); }
.tiob-reviews .tiob-review-average .tiob-mini-stars { grid-area: s; display: flex; gap: 2px; direction: ltr; }
.tiob-reviews .tiob-mini-stars i, .tiob-reviews .tiob-stars i { font-size: 15px; color: #d6dbe3; }
.tiob-reviews .tiob-mini-stars i.active, .tiob-reviews .tiob-stars i.active { color: var(--rv-star); }
.tiob-reviews .tiob-review-title { flex-direction: column; align-items: flex-start; gap: 4px; color: var(--rv-mut); font-size: 13px; font-weight: 600; }
.tiob-reviews .tiob-review-title i { width: 38px; height: 38px; padding: 9px; border-radius: 12px; background: var(--rv-card); color: var(--rv-pri); box-sizing: border-box; }
.tiob-reviews .tiob-review-title b { color: var(--rv-ink); font-size: 15px; font-weight: 800; }
/* sort chips */
.tiob-reviews .tiob-sortbar { gap: 6px; margin: 0 0 14px; padding: 0; border: 0; background: none; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
.tiob-reviews .tiob-sortbar::-webkit-scrollbar { display: none; }
.tiob-reviews .tiob-sort-label { flex: none; color: var(--rv-mut); font-size: 12.5px; display: inline-flex; align-items: center; gap: 6px; }
.tiob-reviews .tiob-sort { flex: none; min-height: 34px; padding: 4px 14px; border: 1px solid var(--rv-line); border-radius: 999px; background: var(--rv-card); color: var(--rv-txt); font-size: 12.5px; font-weight: 700; }
.tiob-reviews .tiob-sort:hover { border-color: color-mix(in srgb, var(--rv-pri) 40%, var(--rv-line)); color: var(--rv-pri); }
.tiob-reviews .tiob-sort.active { background: var(--rv-pri); border-color: var(--rv-pri); color: #fff; box-shadow: none; }
/* review card */
.tiob-reviews .tiob-review-list { display: grid; gap: 12px; }
.tiob-reviews .tiob-review-card { margin: 0; padding: 16px 18px; border: 1px solid var(--rv-line); border-radius: 16px; background: var(--rv-card); box-shadow: none; transition: border-color .2s, box-shadow .2s; }
.tiob-reviews .tiob-review-card:hover { border-color: color-mix(in srgb, var(--rv-pri) 25%, var(--rv-line)); box-shadow: 0 8px 22px rgba(15,23,42,.06); transform: none; }
.tiob-reviews .tiob-review-top { align-items: flex-start; margin-bottom: 10px; }
.tiob-reviews .tiob-avatar { width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(135deg, var(--rv-pri), color-mix(in srgb, var(--rv-pri) 55%, #ec4899)); color: #fff; font-weight: 800; font-size: 16px; box-shadow: none; }
.tiob-reviews .tiob-name { display: flex; align-items: center; gap: 6px; color: var(--rv-ink); font-size: 14.5px; font-weight: 800; }
.tiob-reviews .tiob-verified { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; background: color-mix(in srgb, var(--rv-ok) 12%, transparent); color: var(--rv-ok); font-size: 11px; font-weight: 800; }
.tiob-reviews .tiob-verified::after { content: "خریدار"; }
.tiob-reviews .tiob-verified i { font-size: 12px; }
.tiob-reviews .tiob-date { display: flex; align-items: center; gap: 5px; margin-top: 2px; color: var(--rv-mut); font-size: 11.5px; }
.tiob-reviews .tiob-date i { font-size: 12px; opacity: .8; }
.tiob-reviews .tiob-date-time, .tiob-reviews .tiob-date-sep { display: none; }
.tiob-reviews .tiob-rating .tiob-stars { display: flex; gap: 1px; direction: ltr; padding: 4px 8px; border-radius: 999px; background: color-mix(in srgb, var(--rv-star) 10%, transparent); }
.tiob-reviews .tiob-rating .tiob-stars i { font-size: 13px; }
.tiob-reviews .tiob-comment { margin: 0; padding: 0; background: none; border: 0; }
.tiob-reviews .tiob-comment p { margin: 0; color: var(--rv-txt); font-size: 14px; line-height: 2.05; text-align: start; }
.tiob-reviews .tiob-answer { margin: 12px 0 0; padding: 12px 14px; border: 0; border-inline-start: 3px solid var(--rv-pri); border-radius: 12px; background: var(--rv-pl); }
.tiob-reviews .tiob-answer-title { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: var(--rv-pri); font-size: 12.5px; font-weight: 800; }
.tiob-reviews .tiob-answer-text { color: var(--rv-txt); font-size: 13.5px; line-height: 1.9; }
.tiob-reviews .tiob-useful { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--rv-line); }
.tiob-reviews .tiob-useful-q { color: var(--rv-mut); font-size: 12px; font-weight: 600; }
.tiob-reviews .tiob-like, .tiob-reviews .tiob-dislike { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 3px 12px; border: 1px solid var(--rv-line); border-radius: 999px; background: var(--rv-card); color: var(--rv-mut); font-size: 12.5px; font-weight: 800; cursor: pointer; }
.tiob-reviews .tiob-like i, .tiob-reviews .tiob-dislike i { font-size: 14px; }
.tiob-reviews .tiob-like:hover, .tiob-reviews .tiob-like.is-on { border-color: color-mix(in srgb, var(--rv-ok) 40%, transparent); background: color-mix(in srgb, var(--rv-ok) 10%, var(--rv-card)); color: var(--rv-ok); }
.tiob-reviews .tiob-dislike:hover, .tiob-reviews .tiob-dislike.is-on { border-color: #fecaca; background: #fef2f2; color: #dc2626; }
.tiob-reviews .tiob-useful-sum { margin-inline-start: auto; color: var(--rv-mut); font-size: 11.5px; }
.tiob-reviews .tiob-empty { padding: 36px 16px; border: 1px dashed var(--rv-line); border-radius: 16px; background: none; text-align: center; }
.tiob-reviews .tiob-empty i { display: block; margin: 0 auto 10px; font-size: 34px; color: var(--rv-pri); }
@media (max-width: 640px) {
	.tiob-reviews .tiob-review-head { padding: 14px; }
	.tiob-reviews .tiob-review-average strong { font-size: 32px; }
	.tiob-reviews .tiob-review-title i { display: none; }
	.tiob-reviews .tiob-review-card { padding: 14px; }
	.tiob-reviews .tiob-useful-sum { flex-basis: 100%; margin: 0; }
	.tiob-reviews .tiob-sort-select { display: none !important; }
	.tiob-reviews .tiob-sortbar .tiob-sort { display: inline-flex !important; align-items: center; }
}
/* form */
.tiob-review-wrapper .tiob-review-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; margin: 0; padding: 0 16px; border: 0; border-radius: 14px; background: var(--rv-pri); color: #fff; font: inherit; font-size: 14.5px; font-weight: 800; box-shadow: 0 8px 20px color-mix(in srgb, var(--rv-pri) 28%, transparent); cursor: pointer; }
.tiob-review-wrapper .tiob-review-toggle:hover { filter: brightness(1.06); transform: none; background: var(--rv-pri); }
.tiob-review-wrapper .tiob-review-toggle span { display: inline-flex; align-items: center; gap: 8px; color: #fff; }
.tiob-review-wrapper .tiob-review-toggle span i, .tiob-review-wrapper .tiob-review-toggle .tiob-arrow { color: #fff; background: none; width: 1em; height: 1em; padding: 0; }
.tiob-review-wrapper .tiob-review-toggle.active { border-radius: 14px 14px 0 0; box-shadow: none; }
.tiob-review-wrapper .tiob-review-collapse.open .tiob-review-card, .tiob-review-wrapper .tiob-review-card { margin: 0; padding: 16px; border: 1px solid var(--rv-line); border-top: 0; border-radius: 0 0 14px 14px; background: var(--rv-card); box-shadow: none; }
.tiob-review-wrapper .tiob-user-box { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--rv-soft); }
.tiob-review-wrapper .tiob-user-avatar { color: var(--rv-pri); font-size: 30px; display: flex; }
.tiob-review-wrapper .tiob-user-name { color: var(--rv-ink); font-weight: 800; font-size: 13.5px; }
.tiob-review-wrapper .tiob-user-name span, .tiob-review-wrapper .tiob-user-links { color: var(--rv-mut); font-size: 12px; }
.tiob-review-wrapper .tiob-field { margin-bottom: 14px; }
.tiob-review-wrapper .tiob-field > label, .tiob-review-wrapper .tiob-field-label { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: var(--rv-ink); font-size: 13px; font-weight: 800; }
.tiob-review-wrapper .tiob-field > label i, .tiob-review-wrapper .tiob-field-label i { color: var(--rv-pri); font-size: 14px; }
.tiob-review-wrapper .tiob-stars label { font-size: 30px; line-height: 1; color: #d6dbe3; }
.tiob-review-wrapper .tiob-stars input:checked ~ label { color: var(--rv-star); }
.tiob-review-wrapper .tiob-input, .tiob-review-wrapper textarea { width: 100%; border: 1px solid var(--rv-line); border-radius: 12px; background: var(--rv-card); color: var(--rv-ink); font: inherit; font-size: 14px; transition: border-color .2s, box-shadow .2s; }
.tiob-review-wrapper textarea { min-height: 120px; padding: 12px 14px 28px; resize: vertical; }
.tiob-review-wrapper .tiob-input:focus, .tiob-review-wrapper textarea:focus { outline: 0; border-color: var(--rv-pri); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rv-pri) 15%, transparent); }
.tiob-review-wrapper .tiob-submit-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: var(--rv-ok); color: #fff; font: inherit; font-size: 14.5px; font-weight: 800; box-shadow: 0 8px 18px color-mix(in srgb, var(--rv-ok) 26%, transparent); cursor: pointer; }
.tiob-review-wrapper .tiob-submit-btn:hover { filter: brightness(1.05); transform: none; }
.tiob-review-wrapper .tiob-review-alert { display: flex; align-items: center; gap: 10px; padding: 14px; border-radius: 14px; background: color-mix(in srgb, #f59e0b 10%, var(--rv-card)); border: 1px solid color-mix(in srgb, #f59e0b 30%, transparent); color: var(--rv-txt); font-size: 13px; line-height: 1.9; }
.tiob-review-wrapper .tiob-review-alert i { flex: none; width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: #f59e0b; color: #fff; box-sizing: border-box; }
html[data-theme="dark"] .tiob-reviews .tiob-review-head { background: var(--rv-card); }
.tiob-reviews .tiob-rating { align-self: flex-start; flex: none; }
.tiob-reviews .tiob-rating .tiob-stars { width: max-content; max-width: 100%; }

/* ===== 1.2.25: guest "login to review" box (rebuilt, appended to <body>) ===== */
html.tbrv-lock, html.tbrv-lock body { overflow: hidden; }
.tbrv-login[hidden] { display: none !important; }
.tbrv-login { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; transition: opacity .2s ease; direction: rtl; font-family: inherit; box-sizing: border-box; }
.tbrv-login *, .tbrv-login *::before, .tbrv-login *::after { box-sizing: border-box; }
.tbrv-login.show { opacity: 1; }
.tbrv-login__box { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 380px; margin: 0; padding: 30px 24px 20px; border-radius: 22px; background: var(--tb-card, #fff); color: var(--tb-ink, #0f172a); text-align: center; box-shadow: 0 24px 60px rgba(15, 23, 42, .28); transform: translateY(12px) scale(.97); transition: transform .22s ease; }
.tbrv-login.show .tbrv-login__box { transform: none; }
.tbrv-login__x { position: absolute; top: 12px; left: 12px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 10px; background: var(--tb-line2, #f1f5f9); color: var(--tb-mut, #64748b); cursor: pointer; }
.tbrv-login__x:hover { background: var(--tb-line, #e5e7eb); color: var(--tb-ink, #0f172a); }
.tbrv-login__x svg { width: 16px; height: 16px; }
.tbrv-login__ic { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 0 14px; border-radius: 20px; background: var(--tb-pri-l, #eef2ff); color: var(--tb-pri, #4f46e5); }
.tbrv-login__ic svg { width: 30px; height: 30px; }
.tbrv-login__t { display: block; margin: 0 0 8px; font-size: 18px; font-weight: 800; line-height: 1.5; color: inherit; }
.tbrv-login__p { margin: 0 0 20px; font-size: 13.5px; line-height: 2; color: var(--tb-mut, #64748b); }
.tbrv-login__btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; margin: 0; padding: 0 16px; border-radius: 14px; background: var(--tb-pri, #4f46e5); color: #fff !important; font-size: 15px; font-weight: 800; text-decoration: none !important; box-shadow: 0 10px 22px color-mix(in srgb, var(--tb-pri, #4f46e5) 30%, transparent); }
.tbrv-login__btn:hover { filter: brightness(1.07); }
.tbrv-login__btn svg { width: 18px; height: 18px; flex: none; }
.tbrv-login__later { margin: 10px 0 0; padding: 6px 14px; border: 0; background: none; color: var(--tb-mut, #64748b); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.tbrv-login__later:hover { color: var(--tb-ink, #0f172a); }
@media (max-width: 575.98px) {
	.tbrv-login { align-items: flex-end; padding: 0; }
	.tbrv-login__box { max-width: none; border-radius: 22px 22px 0 0; padding: 28px 20px calc(18px + env(safe-area-inset-bottom)); transform: translateY(100%); }
}

/* ===== 1.2.27: review form popup (template setting) ===== */
.tiob-review-wrapper .tiob-pop-head { display: none; }
.tiob-review-wrapper .tiob-review-collapse.is-pop { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; max-height: none; margin: 0 !important; padding: 16px; overflow-y: auto; background: rgba(15, 23, 42, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s .2s; direction: rtl; }
.tiob-review-wrapper .tiob-review-collapse.is-pop.open { opacity: 1; visibility: visible; transition: opacity .2s ease; }
.tiob-review-wrapper .tiob-review-collapse.is-pop .tiob-review-card { width: 100%; max-width: 540px; margin: auto; padding: 0 22px 22px; border: 0; border-radius: 22px; box-shadow: 0 24px 60px rgba(15, 23, 42, .3); transform: translateY(12px) scale(.98); transition: transform .22s ease; }
.tiob-review-wrapper .tiob-review-collapse.is-pop.open .tiob-review-card { transform: none; }
.tiob-review-wrapper .tiob-review-collapse.is-pop .tiob-pop-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -22px 16px; padding: 18px 22px 14px; border-bottom: 1px solid var(--rv-line); background: var(--rv-card); border-radius: 22px 22px 0 0; }
.tiob-review-wrapper .tiob-pop-head b { font-size: 16px; font-weight: 800; color: var(--rv-ink); }
.tiob-review-wrapper .tiob-pop-x { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px; background: var(--rv-soft); color: var(--rv-mut); cursor: pointer; }
.tiob-review-wrapper .tiob-pop-x svg { width: 16px; height: 16px; }
@media (max-width: 575.98px) {
	.tiob-review-wrapper .tiob-review-collapse.is-pop { align-items: flex-end; padding: 0; }
	.tiob-review-wrapper .tiob-review-collapse.is-pop .tiob-review-card { max-width: none; max-height: 92vh; overflow-y: auto; border-radius: 22px 22px 0 0; padding-bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateY(100%); }
}

/* ===== 1.2.27: replies thread ===== */
.tiob-reviews .tiob-reply-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 3px 12px; border: 1px solid color-mix(in srgb, var(--rv-pri) 25%, var(--rv-line)); border-radius: 999px; background: var(--rv-pl); color: var(--rv-pri); font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; }
.tiob-reviews .tiob-reply-btn:hover { background: var(--rv-pri); border-color: var(--rv-pri); color: #fff; }
.tiob-reviews .tiob-reply-btn svg { width: 15px; height: 15px; }
.tiob-reviews .tiob-reply-btn em { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--rv-pri); color: #fff; font-style: normal; font-size: 11px; line-height: 20px; text-align: center; }
.tiob-reviews .tiob-reply-btn:hover em { background: #fff; color: var(--rv-pri); }
.tiob-reviews .tiob-useful--rep { border-top: 1px dashed var(--rv-line); }
.tbrp-thread { display: none; }
.tbrp-thread.has-items, .tbrp-thread.has-form { display: block; margin-top: 12px; padding-inline-start: 18px; border-inline-start: 2px solid var(--rv-soft); }
.tbrp-list { display: grid; gap: 10px; }
.tbrp { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: var(--rv-soft); transition: opacity .25s, transform .25s; }
.tbrp.is-new { animation: tbrpIn .35s ease; }
@keyframes tbrpIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tbrp.is-gone { opacity: 0; transform: scale(.98); }
.tbrp.is-busy { opacity: .55; pointer-events: none; }
.tbrp--staff { background: linear-gradient(135deg, var(--rv-pl), color-mix(in srgb, var(--rv-pri) 4%, var(--rv-card))); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rv-pri) 18%, transparent); }
.tbrp--pending { background: color-mix(in srgb, #f59e0b 8%, var(--rv-card)); box-shadow: inset 0 0 0 1px color-mix(in srgb, #f59e0b 30%, transparent); }
.tbrp__av { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: color-mix(in srgb, var(--rv-mut) 18%, var(--rv-card)); color: var(--rv-txt); font-size: 13px; font-weight: 800; }
.tbrp--staff .tbrp__av { background: var(--rv-pri); color: #fff; }
.tbrp__av svg { width: 17px; height: 17px; }
.tbrp__main { flex: 1; min-width: 0; }
.tbrp__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-bottom: 4px; }
.tbrp__name { color: var(--rv-ink); font-size: 13px; font-weight: 800; }
.tbrp__by { color: var(--rv-mut); font-size: 11px; }
.tbrp__tag { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 800; }
.tbrp__tag svg { width: 12px; height: 12px; }
.tbrp__tag--staff { background: var(--rv-pri); color: #fff; }
.tbrp__tag--wait { background: color-mix(in srgb, #f59e0b 18%, transparent); color: #b45309; }
.tbrp__time { margin-inline-start: auto; color: var(--rv-mut); font-size: 11px; }
.tbrp__body { color: var(--rv-txt); font-size: 13.5px; line-height: 1.95; overflow-wrap: anywhere; text-align: start; }
.tbrp__to { color: var(--rv-pri); font-weight: 800; }
.tbrp__acts { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.tbrp__btn { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border: 0; border-radius: 8px; background: none; color: var(--rv-mut); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.tbrp__btn:hover { background: var(--rv-card); color: var(--rv-pri); }
.tbrp__btn svg { width: 14px; height: 14px; }
.tbrp__btn--ok { color: var(--rv-ok); } .tbrp__btn--ok:hover { color: var(--rv-ok); }
.tbrp__btn--del:hover { color: #dc2626; }
.tbrp-more { display: inline-flex; align-items: center; gap: 6px; justify-self: start; padding: 4px 10px; border: 0; border-radius: 8px; background: none; color: var(--rv-pri); font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; }
.tbrp-more svg { width: 15px; height: 15px; }
.tbrp-more:hover { background: var(--rv-pl); }
.tbrp-form { margin-top: 10px; padding: 12px; border: 1px solid var(--rv-line); border-radius: 14px; background: var(--rv-card); transition: border-color .2s, box-shadow .2s; }
.tbrp-form:focus-within { border-color: var(--rv-pri); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rv-pri) 14%, transparent); }
.tbrp-form.is-err { animation: tiobShake .4s; border-color: #ef4444; }
.tbrp-form.is-busy { opacity: .7; }
.tbrp-form__to { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding: 4px 10px; border-radius: 8px; background: var(--rv-pl); color: var(--rv-pri); font-size: 12px; font-weight: 700; }
.tbrp-form__to[hidden] { display: none; }
.tbrp-form__unto { border: 0; background: none; color: inherit; font-size: 16px; line-height: 1; cursor: pointer; }
.tbrp-form textarea { display: block; width: 100%; min-height: 72px; padding: 4px 2px; border: 0; outline: 0; resize: none; background: transparent; color: var(--rv-ink); font: inherit; font-size: 14px; line-height: 1.9; box-shadow: none; }
.tbrp-form__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.tbrp-form__hint { flex: 1 1 100%; color: var(--rv-pri); font-size: 11.5px; font-weight: 700; }
.tbrp-form__hint:empty { display: none; }
.tbrp-form__n { margin-inline-end: auto; color: var(--rv-mut); font-size: 11px; }
.tbrp-form__cancel { padding: 6px 12px; border: 0; border-radius: 10px; background: none; color: var(--rv-mut); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.tbrp-form__cancel:hover { background: var(--rv-soft); }
.tbrp-form__send { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--rv-pri); color: #fff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.tbrp-form__send:disabled { opacity: .6; cursor: wait; }
.tbrp-form__send svg { width: 15px; height: 15px; }
@media (max-width: 640px) {
	.tbrp-thread.has-items, .tbrp-thread.has-form { padding-inline-start: 10px; }
	.tbrp { padding: 10px 12px; }
	.tbrp__time { flex-basis: 100%; margin: 0; }
}
.tiob-reviews.rv-no-sum .tiob-useful-sum{display:none}

/* 1.2.29: review header – name and star rating on one line (stars at the far/left end), date under them; same on mobile */
.tiob-reviews article.tiob-review-card .tiob-review-top { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "av name rate" "av date date"; align-items: center; column-gap: 10px; row-gap: 2px; flex-direction: unset !important; }
.tiob-reviews article.tiob-review-card .tiob-user, .tiob-reviews article.tiob-review-card .tiob-user-info { display: contents !important; }
.tiob-reviews article.tiob-review-card .tiob-avatar { grid-area: av; align-self: center; }
.tiob-reviews article.tiob-review-card .tiob-name { grid-area: name; min-width: 0; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiob-reviews article.tiob-review-card .tiob-date { grid-area: date; margin: 0 !important; }
.tiob-reviews article.tiob-review-card .tiob-rating { grid-area: rate; justify-self: end; align-self: center; margin: 0 !important; width: auto !important; }
.tiob-reviews article.tiob-review-card .tiob-rating .tiob-stars { display: inline-flex; flex-wrap: nowrap; gap: 1px; white-space: nowrap; }
.tiob-reviews article.tiob-review-card.no-avatar .tiob-review-top { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name rate" "date date"; }
@media (max-width: 575.98px) {
	.tiob-reviews article.tiob-review-card .tiob-rating .tiob-stars i { font-size: 12px !important; }
	.tiob-reviews article.tiob-review-card .tiob-name { font-size: 13.5px; }
}

/* 1.2.30: review actions dropdown (⋮) + unpublished / reported tags + inline edit & report forms */
.tiob-reviews article.tiob-review-card.has-rvm .tiob-review-top { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "av name rate menu" "av date date date"; }
.tiob-reviews article.tiob-review-card.has-rvm.no-avatar .tiob-review-top { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "name rate menu" "date date date"; }
.tiob-reviews .tbrvm { grid-area: menu; position: relative; justify-self: end; align-self: center; }
.tiob-reviews .tbrvm__btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--rv-mut); cursor: pointer; transition: background .15s, color .15s, border-color .15s; padding: 0; }
.tiob-reviews .tbrvm__btn svg { width: 18px; height: 18px; }
.tiob-reviews .tbrvm__btn:hover, .tiob-reviews .tbrvm.is-open .tbrvm__btn { background: var(--rv-soft); color: var(--rv-ink); border-color: var(--rv-line); }
.tiob-reviews .tbrvm__btn:focus-visible { outline: 2px solid var(--rv-pri); outline-offset: 2px; }
.tiob-reviews .tbrvm__menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 184px; padding: 6px; background: var(--rv-card); border: 1px solid var(--rv-line); border-radius: 14px; box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .28), 0 2px 6px rgba(15, 23, 42, .06); direction: rtl; animation: tbrvmIn .14s ease-out; }
.tiob-reviews .tbrvm__menu[hidden] { display: none; }
@keyframes tbrvmIn { from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; } }
.tiob-reviews .tbrvm__it { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--rv-ink); font: inherit; font-size: 13.5px; font-weight: 600; text-align: right; cursor: pointer; white-space: nowrap; }
.tiob-reviews .tbrvm__it svg { width: 17px; height: 17px; flex: 0 0 17px; color: var(--rv-mut); }
.tiob-reviews .tbrvm__it:hover, .tiob-reviews .tbrvm__it:focus-visible { background: var(--rv-soft); outline: none; }
.tiob-reviews .tbrvm__it--publish svg, .tiob-reviews .tbrvm__it--clear svg { color: #16a34a; }
.tiob-reviews .tbrvm__it--unpublish svg { color: #d97706; }
.tiob-reviews .tbrvm__it--edit svg { color: var(--rv-pri); }
.tiob-reviews .tbrvm__it--delete, .tiob-reviews .tbrvm__it--delete svg { color: #dc2626; }
.tiob-reviews .tbrvm__it--delete:hover { background: rgba(220, 38, 38, .08); }
.tiob-reviews .tbrvm__it--report svg { color: #e11d48; }
.tiob-reviews .tbrvm__it--delete { margin-top: 4px; position: relative; }
.tiob-reviews .tbrvm__it--delete::before { content: ""; position: absolute; top: -3px; right: 8px; left: 8px; border-top: 1px solid var(--rv-line); }
.tiob-reviews .tbrvm__it:first-child.tbrvm__it--delete::before { display: none; }
.tiob-reviews .tbrvm__it[disabled] { opacity: .5; cursor: default; }
.tiob-reviews .tbrvm-tag { display: inline-flex; align-items: center; margin-inline-start: 6px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1.6; vertical-align: middle; }
.tiob-reviews .tbrvm-tag--unpub { background: rgba(217, 119, 6, .12); color: #b45309; }
.tiob-reviews .tbrvm-tag--rep { background: rgba(225, 29, 72, .1); color: #be123c; }
.tiob-reviews article.tiob-review-card.is-unpub { border-style: dashed !important; border-color: rgba(217, 119, 6, .45) !important; background-image: linear-gradient(0deg, rgba(217, 119, 6, .035), rgba(217, 119, 6, .035)); }
.tiob-reviews article.tiob-review-card.is-unpub .tiob-comment { opacity: .85; }
.tiob-reviews .tbrvm-edit, .tiob-reviews .tbrvm-rep { margin: 10px 0 4px; padding: 12px; border: 1px solid var(--rv-line); border-radius: 14px; background: var(--rv-soft); display: grid; gap: 10px; }
.tiob-reviews .tbrvm-edit textarea, .tiob-reviews .tbrvm-rep textarea { width: 100%; box-sizing: border-box; min-height: 64px; padding: 10px 12px; border: 1px solid var(--rv-line); border-radius: 12px; background: var(--rv-card); color: var(--rv-ink); font: inherit; font-size: 14px; line-height: 1.8; resize: vertical; }
.tiob-reviews .tbrvm-edit textarea:focus, .tiob-reviews .tbrvm-rep textarea:focus { outline: none; border-color: var(--rv-pri); box-shadow: 0 0 0 3px rgba(79, 70, 229, .14); }
.tiob-reviews .tbrvm-edit__rate { display: flex; gap: 2px; direction: rtl; }
.tiob-reviews .tbrvm-star { border: 0; background: none; padding: 0 2px; font-size: 22px; line-height: 1; color: #cbd5e1; cursor: pointer; }
.tiob-reviews .tbrvm-star.on { color: #f59e0b; }
.tiob-reviews .tbrvm-edit__acts { display: flex; gap: 8px; flex-wrap: wrap; }
.tiob-reviews .tbrvm-edit__save { padding: 8px 18px; border: 0; border-radius: 10px; background: var(--rv-pri); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.tiob-reviews .tbrvm-rep__send { background: #e11d48; }
.tiob-reviews .tbrvm-edit__save[disabled] { opacity: .6; }
.tiob-reviews .tbrvm-edit__x { padding: 8px 14px; border: 1px solid var(--rv-line); border-radius: 10px; background: var(--rv-card); color: var(--rv-ink); font: inherit; font-size: 13px; cursor: pointer; }
.tiob-reviews .tbrvm-rep__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tiob-reviews .tbrvm-chip { padding: 5px 12px; border: 1px solid var(--rv-line); border-radius: 999px; background: var(--rv-card); color: var(--rv-ink); font: inherit; font-size: 12.5px; cursor: pointer; }
.tiob-reviews .tbrvm-chip.on { border-color: #e11d48; background: rgba(225, 29, 72, .08); color: #be123c; font-weight: 700; }
html[data-theme="dark"] .tiob-reviews .tbrvm__menu { box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .6); }
@media (max-width: 575.98px) {
	.tiob-reviews .tbrvm__btn { width: 30px; height: 30px; }
	.tiob-reviews .tbrvm__menu { min-width: 170px; }
}