/*
 * Dhiaa Theme - RTL Support
 * Right-to-Left Language Styles
 */

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

/* Margins & Paddings */
[dir="rtl"] .me-2 {
    margin-right: 0;
    margin-left: var(--space-2);
}

[dir="rtl"] .me-3 {
    margin-right: 0;
    margin-left: var(--space-3);
}

[dir="rtl"] .me-4 {
    margin-right: 0;
    margin-left: var(--space-4);
}

[dir="rtl"] .ms-2 {
    margin-left: 0;
    margin-right: var(--space-2);
}

[dir="rtl"] .ms-3 {
    margin-left: 0;
    margin-right: var(--space-3);
}

[dir="rtl"] .ms-4 {
    margin-left: 0;
    margin-right: var(--space-4);
}

[dir="rtl"] .ms-auto {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .ms-lg-4 {
    margin-left: 0;
    margin-right: var(--space-4);
}

[dir="rtl"] .ps-3 {
    padding-left: 0;
    padding-right: var(--space-3);
}

[dir="rtl"] .pe-3 {
    padding-right: 0;
    padding-left: var(--space-3);
}

[dir="rtl"] .pe-5 {
    padding-right: 0;
    padding-left: var(--space-5);
}

/* Navigation */
[dir="rtl"] .nav-menu {
    right: auto;
    left: -100%;
}

[dir="rtl"] .nav-menu.active {
    left: 0;
    right: auto;
}

[dir="rtl"] .nav-drop-menu {
    right: 0;
    left: auto;
}

[dir="rtl"] .language-menu {
    right: auto;
    left: 0;
}

/* Buttons & Icons */
[dir="rtl"] .btn i+span,
[dir="rtl"] .mail-action i+span {
    margin-left: 0;
    margin-right: var(--space-2);
}

[dir="rtl"] .mail-input-copy {
    right: auto;
    left: 4px;
}

/* Chevron icons */
[dir="rtl"] .fa-chevron-right::before {
    content: "\f053";
}

[dir="rtl"] .fa-chevron-left::before {
    content: "\f054";
}

[dir="rtl"] .fa-chevron-down {
    transform: none;
}

/* Mailbox */
[dir="rtl"] .mail-avatar {
    margin-right: 0;
    margin-left: var(--space-3);
}

[dir="rtl"] .mail-time {
    margin-left: 0;
    margin-right: auto;
}

/* Modals */
[dir="rtl"] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* Forms */
[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .input-group .btn {
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

[dir="rtl"] .input-group .form-control {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

/* Footer */
[dir="rtl"] .footer-links {
    flex-direction: row-reverse;
}

/* Go Up Button */
[dir="rtl"] .go-up {
    right: auto;
    left: var(--space-4);
}

/* Sticky Ad Close */
[dir="rtl"] .sticky-adlobage-close {
    right: auto;
    left: var(--space-2);
}

/* Text alignment */
[dir="rtl"] .text-start {
    text-align: right;
}

[dir="rtl"] .text-end {
    text-align: left;
}

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

/* Select2 RTL */
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 1px;
}

/* Desktop RTL */
@media (min-width: 1024px) {
    [dir="rtl"] .hero {
        text-align: right;
    }

    [dir="rtl"] .mail-wrapper {
        flex-direction: row-reverse;
    }

    [dir="rtl"] .mailbox-container {
        flex-direction: row-reverse;
    }
}

/* ─── Merged from basic/rtl.css ─── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

[dir="rtl"] body {
    font-family: "Cairo", 'Inter', sans-serif !important;
}

[dir="rtl"] .nav .nav-inner .nav-actions-sm {
    margin-left: revert !important;
    margin-right: auto;
}

[dir="rtl"] .nav .nav-inner .nav-menu .nav-actions {
    margin-left: unset !important;
    margin-right: auto;
}

[dir="rtl"] .language .language-menu::before {
    right: unset !important;
    left: 15%;
}

@media (max-width: 1199.98px) {
    [dir="rtl"] .nav .nav-inner .nav-menu .nav-menu-scroller {
        right: unset;
        left: -300px;
    }

    [dir="rtl"] .nav .nav-inner .nav-menu.show .nav-menu-scroller {
        right: unset !important;
        left: 0;
    }

    [dir="rtl"] .nav .nav-inner .nav-menu .nav-actions {
        margin-left: unset;
        margin-right: 0;
    }
}

[dir="rtl"] .nav .nav-inner .nav-menu .nav-actions>*:not(:last-child) {
    margin-left: 10px;
    margin-right: unset !important;
}

[dir="rtl"] .language .language-menu a,
[dir="rtl"] .mail-wrapper .mail-selection .mail-actions {
    flex-direction: row-reverse;
}

[dir="rtl"] .mail-wrapper .mail-selection .mail-select .mail-input input {
    padding: 10px 20px 10px 80px !important;
}

[dir="rtl"] .card .card-body {
    direction: rtl;
}

[dir="rtl"] .mail-history .mail-history-day .form-check {
    margin-right: unset !important;
    margin-left: 10px;
}

[dir="rtl"] .mail-history-item span {
    margin-right: unset !important;
    margin-left: 13px;
}

[dir="rtl"] p.modal-title.text-muted.ps-3.pe-5.mb-0.small {
    padding: 0 !important;
    padding-right: 1rem !important;
}

[dir="rtl"] ul#select2-name_domain-results {
    direction: rtl;
}

[dir="rtl"] .mail-history .mail-history-day .mail-history-item .btn {
    right: unset !important;
    left: 20px;
}

[dir="rtl"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

[dir="rtl"] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

[dir="rtl"] label.ms-auto.label_bluer {
    margin-right: auto !important;
    margin-left: unset !important;
}

[dir="rtl"] .select2-container-custom-span i {
    right: unset !important;
    left: 5px;
}

[dir="rtl"] span.select2-selection.select2-selection--single {
    direction: rtl;
}

[dir="rtl"] .is_seen_message {
    right: unset !important;
    left: 9px;
}

[dir="rtl"] i.fa-solid.fa-left-long {
    display: none;
}

[dir="rtl"] i.fa-solid.fa-right-long {
    display: block !important;
}

[dir="rtl"] .cookies {
    left: unset !important;
    right: 40px;
}

[dir="rtl"] .cookies .d-flex {
    flex-direction: row-reverse;
}

@media (max-width: 575.98px) {
    [dir="rtl"] .cookies {
        max-width: 100%;
        right: 0 !important;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

[dir="rtl"] .language.me-4 {
    margin-right: unset !important;
    margin-left: 1rem !important;
}