/**
 * ISDV RTL (Right-to-Left) Styles
 * أنماط الدعم للغة العربية (من اليمين لليسار)
 * Version: 1.0.0
 */

/* ============================================
   Base RTL Direction
   ============================================ */
body.rtl,
.isdv-rtl {
    direction: rtl;
    text-align: right;
}

body.rtl .isdv-container,
.isdv-rtl .isdv-container {
    direction: rtl;
}

/* ============================================
   Text Alignment
   ============================================ */
body.rtl .isdv-text-left,
.isdv-rtl .isdv-text-left {
    text-align: right;
}

body.rtl .isdv-text-right,
.isdv-rtl .isdv-text-right {
    text-align: left;
}

body.rtl .isdv-text-center,
.isdv-rtl .isdv-text-center {
    text-align: center;
}

/* ============================================
   Margins & Paddings
   ============================================ */
body.rtl .isdv-ml-0,
.isdv-rtl .isdv-ml-0 {
    margin-left: 0;
    margin-right: 0;
}

body.rtl .isdv-mr-0,
.isdv-rtl .isdv-mr-0 {
    margin-right: 0;
    margin-left: 0;
}

body.rtl .isdv-ml-sm,
.isdv-rtl .isdv-ml-sm {
    margin-left: 0;
    margin-right: var(--isdv-spacing-sm);
}

body.rtl .isdv-mr-sm,
.isdv-rtl .isdv-mr-sm {
    margin-right: 0;
    margin-left: var(--isdv-spacing-sm);
}

body.rtl .isdv-ml-md,
.isdv-rtl .isdv-ml-md {
    margin-left: 0;
    margin-right: var(--isdv-spacing-md);
}

body.rtl .isdv-mr-md,
.isdv-rtl .isdv-mr-md {
    margin-right: 0;
    margin-left: var(--isdv-spacing-md);
}

body.rtl .isdv-ml-lg,
.isdv-rtl .isdv-ml-lg {
    margin-left: 0;
    margin-right: var(--isdv-spacing-lg);
}

body.rtl .isdv-mr-lg,
.isdv-rtl .isdv-mr-lg {
    margin-right: 0;
    margin-left: var(--isdv-spacing-lg);
}

/* Padding */
body.rtl .isdv-pl-0,
.isdv-rtl .isdv-pl-0 {
    padding-left: 0;
    padding-right: 0;
}

body.rtl .isdv-pr-0,
.isdv-rtl .isdv-pr-0 {
    padding-right: 0;
    padding-left: 0;
}

body.rtl .isdv-pl-sm,
.isdv-rtl .isdv-pl-sm {
    padding-left: 0;
    padding-right: var(--isdv-spacing-sm);
}

body.rtl .isdv-pr-sm,
.isdv-rtl .isdv-pr-sm {
    padding-right: 0;
    padding-left: var(--isdv-spacing-sm);
}

/* ============================================
   Flexbox RTL
   ============================================ */
body.rtl .isdv-flex-row,
.isdv-rtl .isdv-flex-row {
    flex-direction: row-reverse;
}

body.rtl .isdv-justify-start,
.isdv-rtl .isdv-justify-start {
    justify-content: flex-end;
}

body.rtl .isdv-justify-end,
.isdv-rtl .isdv-justify-end {
    justify-content: flex-start;
}

/* ============================================
   Grid RTL
   ============================================ */
body.rtl .isdv-grid,
.isdv-rtl .isdv-grid {
    direction: rtl;
}

/* ============================================
   Split Landing Page RTL
   ============================================ */
body.rtl .isdv-split-container,
.isdv-rtl .isdv-split-container {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    body.rtl .isdv-split-container,
    .isdv-rtl .isdv-split-container {
        flex-direction: column-reverse;
    }
}

body.rtl .isdv-split-btn i,
.isdv-rtl .isdv-split-btn i {
    transform: rotate(180deg);
}

/* ============================================
   Buttons RTL
   ============================================ */
body.rtl .isdv-btn i,
.isdv-rtl .isdv-btn i {
    margin-left: 0;
    margin-right: var(--isdv-spacing-sm);
}

body.rtl .isdv-btn i:first-child,
.isdv-rtl .isdv-btn i:first-child {
    margin-right: 0;
    margin-left: var(--isdv-spacing-sm);
}

/* ============================================
   Forms RTL
   ============================================ */
body.rtl .isdv-form-group label .required,
.isdv-rtl .isdv-form-group label .required {
    margin-left: 0;
    margin-right: var(--isdv-spacing-xs);
}

body.rtl .isdv-input-group-prepend,
.isdv-rtl .isdv-input-group-prepend {
    border-right: 1px solid var(--isdv-light-gray);
    border-left: none;
    border-radius: 0 var(--isdv-border-radius-md) var(--isdv-border-radius-md) 0;
}

body.rtl .isdv-input-group-append,
.isdv-rtl .isdv-input-group-append {
    border-left: 1px solid var(--isdv-light-gray);
    border-right: none;
    border-radius: var(--isdv-border-radius-md) 0 0 var(--isdv-border-radius-md);
}

/* ============================================
   Dashboard RTL
   ============================================ */
body.rtl .isdv-dashboard-header,
.isdv-rtl .isdv-dashboard-header {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    body.rtl .isdv-dashboard-header,
    .isdv-rtl .isdv-dashboard-header {
        flex-direction: column-reverse;
    }
}

body.rtl .isdv-stat-card,
.isdv-rtl .isdv-stat-card {
    flex-direction: row-reverse;
}

@media (max-width: 575px) {
    body.rtl .isdv-stat-card,
    .isdv-rtl .isdv-stat-card {
        flex-direction: column-reverse;
    }
}

/* ============================================
   Tabs RTL
   ============================================ */
body.rtl .isdv-tabs-header,
.isdv-rtl .isdv-tabs-header {
    flex-direction: row-reverse;
}

/* ============================================
   Footer RTL
   ============================================ */
body.rtl .isdv-footer-links-list a i,
.isdv-rtl .isdv-footer-links-list a i {
    margin-right: 0;
    margin-left: var(--isdv-spacing-sm);
    transform: rotate(180deg);
}

/* ============================================
   Social Icons RTL
   ============================================ */
body.rtl .isdv-social-icons,
.isdv-rtl .isdv-social-icons {
    flex-direction: row-reverse;
}

body.rtl .isdv-social-left,
.isdv-rtl .isdv-social-left {
    justify-content: flex-end;
}

body.rtl .isdv-social-right,
.isdv-rtl .isdv-social-right {
    justify-content: flex-start;
}

/* ============================================
   Language Switcher RTL
   ============================================ */
body.rtl .isdv-lang-dropdown-menu,
.isdv-rtl .isdv-lang-dropdown-menu {
    left: auto;
    right: 0;
}

body.rtl .isdv-lang-current i,
.isdv-rtl .isdv-lang-current i {
    margin-left: 0;
    margin-right: var(--isdv-spacing-sm);
}

/* ============================================
   Cards RTL
   ============================================ */
body.rtl .isdv-card-header,
.isdv-rtl .isdv-card-header {
    text-align: right;
}

/* ============================================
   Alerts RTL
   ============================================ */
body.rtl .isdv-alert i,
.isdv-rtl .isdv-alert i {
    margin-left: var(--isdv-spacing-sm);
    margin-right: 0;
}

/* ============================================
   Modal RTL
   ============================================ */
body.rtl .isdv-modal-header,
.isdv-rtl .isdv-modal-header {
    flex-direction: row-reverse;
}

body.rtl .isdv-modal-close,
.isdv-rtl .isdv-modal-close {
    right: auto;
    left: var(--isdv-spacing-md);
}

/* ============================================
   Dropdown Menus RTL
   ============================================ */
body.rtl .isdv-lang-dropdown-menu,
.isdv-rtl .isdv-lang-dropdown-menu {
    text-align: right;
}

/* ============================================
   Tables RTL
   ============================================ */
body.rtl .isdv-cme-table th,
body.rtl .isdv-cme-table td,
.isdv-rtl .isdv-cme-table th,
.isdv-rtl .isdv-cme-table td {
    text-align: right;
}

/* ============================================
   Notifications RTL
   ============================================ */
body.rtl .isdv-notifications-dropdown,
.isdv-rtl .isdv-notifications-dropdown {
    direction: rtl;
}

body.rtl .isdv-notifications-menu,
.isdv-rtl .isdv-notifications-menu {
    left: auto;
    right: 0;
}

/* ============================================
   Breadcrumbs RTL
   ============================================ */
body.rtl .isdv-breadcrumb,
.isdv-rtl .isdv-breadcrumb {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

body.rtl .isdv-breadcrumb li + li::before,
.isdv-rtl .isdv-breadcrumb li + li::before {
    content: "/";
    margin-left: 0;
    margin-right: var(--isdv-spacing-sm);
}

/* ============================================
   Pagination RTL
   ============================================ */
body.rtl .isdv-pagination,
.isdv-rtl .isdv-pagination {
    flex-direction: row-reverse;
}

body.rtl .isdv-pagination .prev i,
.isdv-rtl .isdv-pagination .prev i {
    transform: rotate(180deg);
}

body.rtl .isdv-pagination .next i,
.isdv-rtl .isdv-pagination .next i {
    transform: rotate(180deg);
}

/* ============================================
   Loading Spinner RTL
   ============================================ */
/* No changes needed for spinner */

/* ============================================
   Select Dropdown RTL
   ============================================ */
body.rtl select.isdv-form-control,
.isdv-rtl select.isdv-form-control {
    background-position: left var(--isdv-spacing-md) center;
    padding-right: var(--isdv-spacing-md);
    padding-left: var(--isdv-spacing-xl);
}

/* ============================================
   Doctor Cards RTL
   ============================================ */
body.rtl .isdv-doctor-card,
.isdv-rtl .isdv-doctor-card {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    body.rtl .isdv-doctor-card,
    .isdv-rtl .isdv-doctor-card {
        flex-direction: column-reverse;
    }
}

/* ============================================
   Event Cards RTL
   ============================================ */
body.rtl .isdv-event-card,
.isdv-rtl .isdv-event-card {
    flex-direction: row-reverse;
}

body.rtl .isdv-event-date,
.isdv-rtl .isdv-event-date {
    margin-right: 0;
    margin-left: var(--isdv-spacing-md);
}

/* ============================================
   Tooltips RTL
   ============================================ */
body.rtl .isdv-tooltip,
.isdv-rtl .isdv-tooltip {
    text-align: center;
}

/* ============================================
   Image Galleries RTL
   ============================================ */
body.rtl .isdv-gallery,
.isdv-rtl .isdv-gallery {
    direction: ltr;
}

/* ============================================
   Video Embeds RTL
   ============================================ */
body.rtl .isdv-video-wrapper,
.isdv-rtl .isdv-video-wrapper {
    direction: ltr;
}

/* ============================================
   Scroll to Top RTL
   ============================================ */
body.rtl .isdv-scroll-top,
.isdv-rtl .isdv-scroll-top {
    right: auto;
    left: var(--isdv-spacing-lg);
}

/* ============================================
   Chip/Tag RTL
   ============================================ */
body.rtl .isdv-chip,
.isdv-rtl .isdv-chip {
    margin-right: 0;
    margin-left: var(--isdv-spacing-sm);
}

/* ============================================
   Accordion RTL
   ============================================ */
body.rtl .isdv-accordion-header,
.isdv-rtl .isdv-accordion-header {
    text-align: right;
}

body.rtl .isdv-accordion-header i,
.isdv-rtl .isdv-accordion-header i {
    margin-right: 0;
    margin-left: var(--isdv-spacing-sm);
}

/* ============================================
   Progress Bar RTL
   ============================================ */
body.rtl .isdv-progress-bar,
.isdv-rtl .isdv-progress-bar {
    animation: isdv-progress-rtl 1s ease-in-out;
}

@keyframes isdv-progress-rtl {
    from { width: 0; }
    to { width: var(--progress-width, 0%); }
}

/* ============================================
   Offcanvas Menu RTL
   ============================================ */
body.rtl .isdv-offcanvas,
.isdv-rtl .isdv-offcanvas {
    left: auto;
    right: -300px;
    transition: right var(--isdv-transition-normal);
}

body.rtl .isdv-offcanvas.open,
.isdv-rtl .isdv-offcanvas.open {
    left: auto;
    right: 0;
}

/* ============================================
   Floating Elements RTL
   ============================================ */
body.rtl .isdv-float-left,
.isdv-rtl .isdv-float-left {
    float: right;
}

body.rtl .isdv-float-right,
.isdv-rtl .isdv-float-right {
    float: left;
}

/* ============================================
   Clearfix for RTL
   ============================================ */
body.rtl .isdv-clearfix::after,
.isdv-rtl .isdv-clearfix::after {
    clear: both;
}