/* Language Direction - Text Only (Not Layout) */
/* Apply direction only to text content, not layout containers, navbar, or form fields */

/* RTL text content only */
body[data-lang-direction="rtl"] p,
body[data-lang-direction="rtl"] span:not([class*="icon"]):not([class*="badge"]):not([class*="nav"]),
body[data-lang-direction="rtl"] h1,
body[data-lang-direction="rtl"] h2,
body[data-lang-direction="rtl"] h3,
body[data-lang-direction="rtl"] h4,
body[data-lang-direction="rtl"] h5,
body[data-lang-direction="rtl"] h6,
body[data-lang-direction="rtl"] li:not([class*="nav"]) {
    direction: rtl;
    text-align: right;
}

/* LTR text content */
body[data-lang-direction="ltr"] p,
body[data-lang-direction="ltr"] span:not([class*="icon"]):not([class*="badge"]):not([class*="nav"]),
body[data-lang-direction="ltr"] h1,
body[data-lang-direction="ltr"] h2,
body[data-lang-direction="ltr"] h3,
body[data-lang-direction="ltr"] h4,
body[data-lang-direction="ltr"] h5,
body[data-lang-direction="ltr"] h6,
body[data-lang-direction="ltr"] li:not([class*="nav"]) {
    direction: ltr;
    text-align: left;
}

/* CRITICAL: Keep ALL layout, navbar, and form elements in LTR */
body[data-lang-direction="rtl"] .navbar,
body[data-lang-direction="rtl"] .navbar *,
body[data-lang-direction="rtl"] .navbar-top,
body[data-lang-direction="rtl"] .navbar-top *,
body[data-lang-direction="rtl"] .nav,
body[data-lang-direction="rtl"] .nav *,
body[data-lang-direction="rtl"] .container,
body[data-lang-direction="rtl"] .row,
body[data-lang-direction="rtl"] [class*="col-"],
body[data-lang-direction="rtl"] .card,
body[data-lang-direction="rtl"] .table,
body[data-lang-direction="rtl"] .btn-group,
body[data-lang-direction="rtl"] .d-flex,
body[data-lang-direction="rtl"] .dropdown-menu,
body[data-lang-direction="rtl"] .dropdown-menu *,
body[data-lang-direction="rtl"] .navbar-nav,
body[data-lang-direction="rtl"] .navbar-nav *,
body[data-lang-direction="rtl"] .navbar-nav-icons,
body[data-lang-direction="rtl"] .navbar-nav-icons *,
body[data-lang-direction="rtl"] .dropdown-profile,
body[data-lang-direction="rtl"] .dropdown-profile *,
body[data-lang-direction="rtl"] .navbar-dropdown-caret,
body[data-lang-direction="rtl"] .form-control,
body[data-lang-direction="rtl"] .form-select,
body[data-lang-direction="rtl"] input,
body[data-lang-direction="rtl"] textarea,
body[data-lang-direction="rtl"] select,
body[data-lang-direction="rtl"] button,
body[data-lang-direction="rtl"] label,
body[data-lang-direction="rtl"] .input-group,
body[data-lang-direction="rtl"] .input-group * {
    direction: ltr !important;
    text-align: left !important;
}

/* Ensure dropdown menus maintain proper positioning */
body[data-lang-direction="rtl"] .dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}

body[data-lang-direction="rtl"] .navbar-dropdown-caret::before,
body[data-lang-direction="rtl"] .navbar-dropdown-caret::after {
    left: auto !important;
    right: 1.25rem !important;
}

/* Keep centered elements in dropdown profile always centered */
body[data-lang-direction="rtl"] .dropdown-profile .text-center,
body[data-lang-direction="rtl"] .dropdown-profile .text-center *,
body[data-lang-direction="rtl"] .dropdown-profile h6,
body[data-lang-direction="rtl"] .dropdown-profile h2,
body[data-lang-direction="rtl"] .dropdown-profile h3,
body[data-lang-direction="rtl"] .dropdown-profile h4,
body[data-lang-direction="rtl"] .dropdown-profile h5 {
    text-align: center !important;
    direction: ltr !important;
}