/* ===========================
   rtl.css  (load after generic.css on RTL pages)
   =========================== */

/* Set document direction */
html,
body {
    direction: rtl;
}

/* Components that need explicit RTL text direction */
.review-popover.bs-popover-auto,
.review-popover.bs-popover-top,
.review-popover.bs-popover-bottom,
.review-popover.bs-popover-start,
.review-popover.bs-popover-end {
    direction: rtl;
}

/* In RTL, move the close button to the left (inline-start is right in RTL, so flip) */
.review-popover .popover-header .btn-close {
    margin-inline-start: 0;
    /* cancel LTR rule */
    margin-inline-end: auto;
    /* push button to the left in RTL */
}


/* Public chat list text direction */
.chat-list {
    direction: rtl;
}

/* Inside bubbles keep RTL text */
.chat-bubble {
    direction: rtl;
}

/* Admin table RTL */
#userChatsTable {
    direction: rtl;
}

#userChatsTable th,
#userChatsTable td {
    text-align: right;
}

/* Testimonial accent border flips to the right in RTL */
.testimonial {
    border-right: 4px solid #97DB4F;
    border-left: none;
}

.bubble {
    direction: rtl;
    text-align: right;
}



.star-rating {

    flex-direction: row-reverse; 
    justify-content: flex-end;   
}