/*
 * site-rtl.css — Coreva Platform RTL layout overrides
 * Loaded when html[dir="rtl"] (Arabic language active).
 * All rules are scoped to [dir="rtl"] so they never affect LTR users.
 */

/* ── Base direction ─────────────────────────────────────────────────── */
[dir="rtl"] body {
    text-align: right;
    font-family: 'Cairo', 'Segoe UI', 'Inter', -apple-system, sans-serif;
}

/* ── Navbar ─────────────────────────────────────────────────────────── */
[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }
[dir="rtl"] .ms-auto { margin-left:  0 !important; margin-right: auto !important; }
[dir="rtl"] .me-2   { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .ms-2   { margin-left:  0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .pe-0   { padding-right: 0.75rem !important; padding-left: 0 !important; }

/* Dropdown menus: flip from end to start in RTL */
[dir="rtl"] .dropdown-menu-end {
    right: auto !important;
    left:  0    !important;
}

/* ── Flex & layout utilities ─────────────────────────────────────────── */
[dir="rtl"] .text-md-start  { text-align: right !important; }
[dir="rtl"] .text-md-end    { text-align: left  !important; }

/* ── Sidebar icon RTL spacing ────────────────────────────────────────── */
[dir="rtl"] .sidebar-nav-link img.ci,
[dir="rtl"] .sidebar-nav-link svg {
    margin-right: 0      !important;
    margin-left:  0.625rem !important;
}

[dir="rtl"] .sidebar-nav-item.ps-3 {
    padding-right: 2rem !important;
    padding-left:  0    !important;
}

/* ── Tenant layout RTL ───────────────────────────────────────────────── */
/* flex-direction + border overrides are in admin.css (appended at end)  */
/* to guarantee cascade order over the base rules.                        */

/* ── Admin layout RTL ────────────────────────────────────────────────── */
/* Same — handled in admin.css RTL section at the bottom.                 */

/* ── Cards & forms ───────────────────────────────────────────────────── */
[dir="rtl"] .card-body,
[dir="rtl"] .admin-card {
    text-align: right;
}

[dir="rtl"] .form-label {
    text-align: right;
    display:    block;
}

[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
    text-align: right;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"] {
    /* Email/phone are still LTR data even in RTL context */
    direction: ltr;
    text-align: left;
}

/* ── Tables ──────────────────────────────────────────────────────────── */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

[dir="rtl"] .table th:last-child,
[dir="rtl"] .table td:last-child {
    text-align: left;
}

[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .pe-4 { padding-left:  1.5rem !important; padding-right: 0 !important; }

/* ── Badges & icons inline with text ─────────────────────────────────── */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem  !important; }

/* ── Buttons row ─────────────────────────────────────────────────────── */
[dir="rtl"] .d-flex.gap-2 { flex-direction: row-reverse; }
[dir="rtl"] .d-flex.gap-3 { flex-direction: row-reverse; }

/* ── Footer ──────────────────────────────────────────────────────────── */
[dir="rtl"] .footer-coreva .text-md-start { text-align: right !important; }
[dir="rtl"] .footer-coreva .text-md-end   { text-align: left  !important; }

/* ── Arabic font stack ───────────────────────────────────────────────── */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] a,
[dir="rtl"] label,
[dir="rtl"] button,
[dir="rtl"] .btn {
    font-family: 'Cairo', 'Segoe UI', 'Inter', -apple-system, sans-serif;
}

/* ── Public layout nav (homepage) ───────────────────────────────────── */
[dir="rtl"] .navbar .navbar-nav.ms-auto {
    margin-left:  0    !important;
    margin-right: auto !important;
}

/* ── Pagination ──────────────────────────────────────────────────────── */
[dir="rtl"] .pagination { flex-direction: row-reverse; }

/* ── Alert icons ─────────────────────────────────────────────────────── */
[dir="rtl"] .alert svg,
[dir="rtl"] .coreva-alert svg {
    margin-right: 0;
    margin-left:  0.5rem;
}

/* ── Dropdown items ──────────────────────────────────────────────────── */
[dir="rtl"] .dropdown-item {
    text-align: right;
}