/*
 * Kohost Theme - Persian Modern RTL Custom CSS
 * Typography, RTL layout alignment, and Persian web UI/UX standards
 */

@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
    --font-fa: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, span, a, li, label,
input, button, select, textarea,
.btn, .form-control, .dropdown-menu,
.nav-link, .navbar-nav, .sidebar,
.table, .badge, .alert, .card,
.modal, .popover, .tooltip {
    font-family: var(--font-fa) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* RTL Text Alignment */
body[dir="rtl"] {
    text-align: right;
}

body[dir="rtl"] .text-left {
    text-align: right !important;
}

body[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Input & Form Controls in RTL */
body[dir="rtl"] input[type="text"]:not(.ltr-input),
body[dir="rtl"] input[type="email"]:not(.ltr-input),
body[dir="rtl"] input[type="search"],
body[dir="rtl"] input[type="tel"],
body[dir="rtl"] textarea,
body[dir="rtl"] select {
    text-align: right;
}

/* Keep LTR inputs like domain names, IP addresses, codes clean */
body[dir="rtl"] input[type="password"],
body[dir="rtl"] input[name="domain"],
body[dir="rtl"] .ltr-input {
    direction: ltr;
    text-align: left;
}

/* Breadcrumbs & Arrows */
body[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
    content: "\f104"; /* FontAwesome angle-left icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Spacing Helpers in RTL */
body[dir="rtl"] .mr-1, body[dir="rtl"] .mx-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
body[dir="rtl"] .mr-2, body[dir="rtl"] .mx-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
body[dir="rtl"] .mr-3, body[dir="rtl"] .mx-3 { margin-left: 1rem !important; margin-right: 0 !important; }
body[dir="rtl"] .mr-4, body[dir="rtl"] .mx-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
body[dir="rtl"] .ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
body[dir="rtl"] .ml-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
body[dir="rtl"] .ml-3 { margin-right: 1rem !important; margin-left: 0 !important; }
body[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }

/* Table cells alignment in RTL */
body[dir="rtl"] .table th,
body[dir="rtl"] .table td {
    text-align: right;
}

/* Buttons and icons in RTL */
body[dir="rtl"] .btn i.fa-arrow-right,
body[dir="rtl"] a i.fa-arrow-right {
    transform: rotate(180deg);
}

body[dir="rtl"] .btn i.fa-chevron-right,
body[dir="rtl"] a i.fa-chevron-right {
    transform: rotate(180deg);
}

/* Offcanvas and Dropdown Menu Fixes */
body[dir="rtl"] .dropdown-menu {
    text-align: right;
}