/**
 * Nozule - RTL (Right-to-Left) Styles
 */

/* Direction */
.nzl-widget,
.nzl-admin-wrap {
    direction: rtl;
    text-align: right;
}

/* Flip horizontal layout */
.nzl-booking-widget.nzl-horizontal {
    flex-direction: row-reverse;
}

/* Tables */
.nzl-table th,
.nzl-table td {
    text-align: right;
}

/* Toast notifications - flip to left side */
.nzl-toast-container {
    right: auto;
    left: 1rem;
}

.nzl-toast-info { border-left: none; border-right: 4px solid var(--nzl-info); }
.nzl-toast-success { border-left: none; border-right: 4px solid var(--nzl-success); }
.nzl-toast-error { border-left: none; border-right: 4px solid var(--nzl-danger); }
.nzl-toast-warning { border-left: none; border-right: 4px solid var(--nzl-warning); }

@keyframes nzl-slide-in {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Modal slides from left in RTL */
.nzl-modal-overlay {
    justify-content: flex-start;
}

@keyframes nzl-slide-in-right {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

.nzl-sidebar-panel {
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.1);
}

/* Admin header */
.nzl-admin-wrap {
    margin: 20px 0 0 20px;
}

/* Pagination */
.nzl-pagination {
    flex-direction: row-reverse;
}

/* Filter bar */
.nzl-filters {
    direction: rtl;
}

/* Input fields in RTL */
.nzl-input {
    text-align: right;
}

/* Calendar */
.nzl-calendar-table {
    direction: rtl;
}

.nzl-calendar-room-col {
    text-align: right;
}

.nzl-calendar-room-label {
    border-right: none;
    border-left: 1px solid #e2e8f0;
}

.nzl-calendar-header-cell {
    border-right: none;
    border-left: 1px solid #e2e8f0;
}

.nzl-calendar-cell {
    border-right: none;
    border-left: 1px solid #f1f5f9;
}

/* Navigation arrows — flip for RTL */
.nzl-nav-arrow {
    display: inline-block;
    transform: scaleX(-1);
}

/* Legend — keep RTL direction */
.nzl-calendar-legend {
    direction: rtl;
}

@media (max-width: 782px) {
    .nzl-admin-wrap {
        margin: 10px;
    }
}