/* ═══ ביקורות עם תמונה — roso-suite ═══ */

/* --- טופס הוספת תמונה --- */
.roso-rv-upload-wrap { margin: 4px 0 14px; direction: rtl; }
.roso-rv-upload-btn {
    display: inline-flex; align-items: center; gap: 8px;
    border: 1.5px dashed #ddd; border-radius: 10px;
    padding: 10px 16px; cursor: pointer; color: #555;
    font-size: 13.5px; font-weight: 600; transition: border-color .15s, color .15s;
    position: relative;
}
.roso-rv-upload-btn:hover { border-color: #e53935; color: #e53935; }
.roso-rv-upload-btn svg { flex: 0 0 auto; }
.roso-rv-upload-btn input[type="file"] {
    position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;
}
.roso-rv-upload-hint { font-size: 11.5px; color: #999; margin: 6px 2px 0; }

.roso-rv-preview { position: relative; display: inline-block; margin-top: 10px; }
.roso-rv-preview img {
    width: 84px; height: 84px; object-fit: cover; border-radius: 10px; display: block;
    border: 1px solid #eee;
}
.roso-rv-preview-remove {
    position: absolute; top: -8px; left: -8px; width: 22px; height: 22px; border-radius: 50%;
    background: #e53935; color: #fff; border: 2px solid #fff; cursor: pointer;
    font-size: 14px; line-height: 1; display: flex; align-items: center; justify-content: center;
    padding: 0;
}

/* --- רשימת הביקורות בעמוד המוצר: קרוסלה --- */
.woocommerce-Reviews #reviews,
.rosop-reviews-section #reviews { direction: rtl; text-align: right; }

.roso-rv-carousel { position: relative; margin: 0 0 24px; }

.woocommerce-Reviews ol.commentlist {
    list-style: none; margin: 0; padding: 6px 2px 18px;
    display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x proximity;
    scroll-behavior: smooth; -webkit-overflow-scrolling: touch;
}
.woocommerce-Reviews ol.commentlist::-webkit-scrollbar { height: 8px; }
.woocommerce-Reviews ol.commentlist::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }
.woocommerce-Reviews ol.commentlist li.comment {
    list-style: none; flex: 0 0 auto; width: 360px; scroll-snap-align: start;
}

/* כרטיס ביקורת בודד — גדול, עם תמונה גדולה למעלה */
.woocommerce-Reviews ol.commentlist .roso-rv-card {
    background: #fff; border: 1px solid #eef0f2; border-radius: 16px;
    overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.05); height: 100%;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .comment_container {
    display: flex; flex-direction: column; align-items: stretch; gap: 0;
}

/* התמונה שצורפה — גדולה, מלאה ברוחב הכרטיס, בראש הכרטיס */
.woocommerce-Reviews ol.commentlist .roso-rv-card img.avatar,
.woocommerce-Reviews ol.commentlist .roso-rv-card .roso-rv-avatar-photo {
    border-radius: 0; width: 100%; height: 260px; object-fit: cover;
    flex: 0 0 auto; cursor: zoom-in; display: block;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .roso-rv-avatar-link {
    flex: 0 0 auto; line-height: 0; display: block;
}

/* תוכן: שם + כוכבים למעלה, ואז הטקסט כציטוט */
.woocommerce-Reviews ol.commentlist .roso-rv-card .comment-text {
    flex: 1 1 auto; min-width: 0; text-align: right; padding: 18px 20px 20px;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .star-rating {
    color: #fbbc04; font-size: 15px; margin: 0 0 6px; float: none; display: inline-block;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .woocommerce-review__author {
    font-weight: 700; font-size: 16px; color: #202124; display: block;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .woocommerce-review__dash { display: none; }
.woocommerce-Reviews ol.commentlist .roso-rv-card .woocommerce-review__published-date {
    display: block; font-size: 12px; color: #9aa0a6; margin-bottom: 8px;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .comment-text > p,
.woocommerce-Reviews ol.commentlist .roso-rv-card .description p {
    font-size: 14.5px; line-height: 1.7; color: #4a4d51; margin: 6px 0 0;
    text-align: right;
}
.woocommerce-Reviews ol.commentlist .roso-rv-card .comment-text > p::before,
.woocommerce-Reviews ol.commentlist .roso-rv-card .description p::before { content: '\201C'; }
.woocommerce-Reviews ol.commentlist .roso-rv-card .comment-text > p::after,
.woocommerce-Reviews ol.commentlist .roso-rv-card .description p::after  { content: '\201D'; }

/* חצי ניווט לקרוסלה */
.roso-rv-nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 44px; height: 44px; border-radius: 50%; background: #fff;
    border: 1px solid #e5e5e5; box-shadow: 0 4px 14px rgba(0,0,0,.12);
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: background .15s, transform .15s;
}
.roso-rv-nav:hover { background: #f5f5f5; }
.roso-rv-nav svg { width: 20px; height: 20px; }
.roso-rv-nav-prev { right: -6px; }
.roso-rv-nav-next { left: -6px; }
@media (max-width: 780px) {
    .roso-rv-nav { display: none; }
    .woocommerce-Reviews ol.commentlist {
        flex-direction: column;
        overflow-x: visible;
        scroll-snap-type: none;
        gap: 16px;
    }
    .woocommerce-Reviews ol.commentlist li.comment { width: 100%; flex: 0 0 auto; scroll-snap-align: none; }
}

/* --- לייטבוקס לתצוגת תמונה מוגדלת --- */
.roso-rv-lightbox {
    position: fixed; inset: 0; background: rgba(0,0,0,.82); z-index: 99999;
    display: flex; align-items: center; justify-content: center; padding: 24px;
}
.roso-rv-lightbox img {
    max-width: 92vw; max-height: 88vh; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.4);
}
.roso-rv-lightbox-close {
    position: absolute; top: 18px; left: 22px; color: #fff; font-size: 34px; line-height: 1;
    background: none; border: 0; cursor: pointer; opacity: .85;
}
.roso-rv-lightbox-close:hover { opacity: 1; }

@media (max-width: 640px) {
    .woocommerce-Reviews ol.commentlist { padding: 6px 0 18px; }
    .woocommerce-Reviews ol.commentlist li.comment { width: 100%; }
}