/**
 * VIU360 Secure Reviews - Frontend
 * ظاهر باکس ورود در صفحه محصول.
 */

/* فرم دیدگاه مهمان پیش از اجرای JavaScript مخفی می‌شود تا پرش تصویری رخ ندهد. */
body.single-product:not(.logged-in) #reviews #review_form_wrapper,
body.single-product:not(.logged-in) #tab-reviews #respond {
    display: none !important;
}

/* ظرف اصلی باکس ورود. */
.viu-sr-login-box {
    width: 100%;
    margin-top: 20px;
    direction: rtl;
}

/* بدنه داخلی باکس با رنگ سازمانی انتخاب‌شده. */
.viu-sr-login-box__inner {
    padding: 28px 20px;
    text-align: center;
    background: var(--viu-sr-background, #f8f5ff);
    border: 1px solid var(--viu-sr-border, #e3d8fb);
    border-radius: 14px;
}

/* متن راهنمای ورود. */
.viu-sr-login-box__message {
    margin: 0 0 16px;
    color: var(--viu-sr-text, #45247b);
    font-size: 15px;
    line-height: 1.9;
    font-weight: 500;
}

/* دکمه ورود یا ثبت‌نام با موبایل. */
.viu-sr-login-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 34px;
    color: #fff !important;
    background: var(--viu-sr-primary, #7a4de8);
    border: 0;
    border-radius: 9px;
    box-shadow: none;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

/* بازخورد بصری هنگام قرارگرفتن نشانگر روی دکمه. */
.viu-sr-login-box__button:hover,
.viu-sr-login-box__button:focus {
    color: #fff !important;
    background: var(--viu-sr-primary-hover, #6235c7);
    transform: translateY(-1px);
    outline: none;
}

/* نمایش تمام‌عرض دکمه در موبایل برای لمس ساده‌تر. */
@media (max-width: 767px) {
    .viu-sr-login-box__inner {
        padding: 24px 15px;
    }

    .viu-sr-login-box__button {
        width: 100%;
    }
}