/* ========================================
   RTL (Right-to-Left) Fixes
   תיקונים לשיפור תצוגת RTL
   ======================================== */

/* Ensure icons and buttons are properly aligned in RTL */
.material-icons {
    vertical-align: middle;
}

/* Fix any LTR-specific margins to work better in RTL */
.books-list-view .book-info {
    text-align: right; /* Ensure text aligns to the right in RTL */
}

/* Ensure dialog boxes are properly centered and aligned */
.dialog-box {
    text-align: right;
}

/* Fix notification alignment */
.toast {
    text-align: right;
}

.toast-content {
    flex-direction: row-reverse; /* Icon should be on the right in RTL */
}

/* Fix breadcrumbs for RTL */
.breadcrumbs {
    direction: rtl;
    text-align: right;
}

.breadcrumb-separator {
    margin: 0 0.5rem;
}

/* Ensure form inputs are RTL-friendly */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea,
select {
    direction: rtl;
    text-align: right;
}

/* Fix carousel buttons for RTL (swap prev/next visually) */
.carousel-btn.prev {
    right: 10px;
    left: auto;
}

.carousel-btn.next {
    left: 10px;
    right: auto;
}

/* Ensure stat cards are RTL-friendly */
.stat-card {
    text-align: center; /* Center is neutral for RTL/LTR */
}

/* Fix admin panel tables for RTL */
table {
    direction: rtl;
}

th, td {
    text-align: right;
}

/* Ensure modals are centered properly */
.book-details-overlay {
    direction: rtl;
}

.book-details-content {
    direction: rtl;
}