/* =============================================
   Orland Customer Website - RTL Overrides
   Design System: Teal + Orange
   ============================================= */

/* ========== General RTL ========== */
body[dir="rtl"], html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* ========== Navigation ========== */
html[dir="rtl"] .nav-links { direction: rtl; }
html[dir="rtl"] .footer-links a:hover { padding-left: 0; padding-right: 4px; }

/* ========== WhatsApp Float ========== */
html[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 30px;
}
html[dir="rtl"] .back-to-top {
    right: auto;
    left: 100px;
}

/* ========== Sidebar ========== */
html[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid var(--gray-100);
}
html[dir="rtl"] .main-content {
    margin-left: 0;
    margin-right: var(--sidebar-width);
}
html[dir="rtl"] .nav-item .badge {
    margin-left: 0;
    margin-right: auto;
}

/* ========== Vertical Timeline ========== */
html[dir="rtl"] .status-timeline li {
    padding-left: 0;
    padding-right: 2.5rem;
}
html[dir="rtl"] .status-timeline li:not(:last-child)::before {
    left: auto;
    right: 11px;
}
html[dir="rtl"] .status-timeline li .timeline-dot {
    left: auto;
    right: 0;
}

/* ========== Auth Page ========== */
html[dir="rtl"] .auth-branding {
    border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
}

/* ========== Floating Cards ========== */
html[dir="rtl"] .floating-card.card-1 {
    left: auto;
    right: -30px;
}
html[dir="rtl"] .floating-card.card-2 {
    right: auto;
    left: -30px;
}

/* ========== Service Card Popular ribbon ========== */
html[dir="rtl"] .service-card.featured::before {
    right: auto;
    left: -32px;
    transform: rotate(-45deg);
}

/* ========== Mobile Menu ========== */
html[dir="rtl"] .mobile-menu-panel {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}
html[dir="rtl"] .mobile-menu-overlay.open .mobile-menu-panel {
    transform: translateX(0);
}

/* ========== Footer Links Icon Spacing ========== */
html[dir="rtl"] .footer-links .bi {
    margin-right: 0 !important;
    margin-left: 0.5rem;
}

/* ========== Icons with me-2 class ========== */
html[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* ========== Responsive ========== */
@media (max-width: 992px) {
    html[dir="rtl"] .sidebar {
        transform: translateX(100%);
    }
    html[dir="rtl"] .sidebar.open {
        transform: translateX(0);
    }
    html[dir="rtl"] .main-content {
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .whatsapp-float {
        left: 20px;
        right: auto;
    }
    html[dir="rtl"] .back-to-top {
        left: 80px;
        right: auto;
    }
}