/* RTL Styles for Persian Language */

/* Global RTL Settings */
body {
    direction: rtl;
    text-align: right;
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif;
}

/* Reset text alignment for RTL */
.text-start {
    text-align: right !important;
}

.text-end {
    text-align: left !important;
}

/* Navbar RTL */
.navbar-nav {
    flex-direction: row-reverse;
}

.offcanvas-end {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid rgba(0,0,0,.2);
}

.navbar-toggler {
    margin-right: 0;
    margin-left: auto;
}

/* Breadcrumb RTL */
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "/";
}

/* Card RTL */
.card-body {
    text-align: right;
}

/* Form RTL */
.form-control,
.form-select {
    text-align: right;
    direction: rtl;
}

.invalid-feedback {
    text-align: right;
}

/* List RTL */
ul, ol {
    padding-right: 0;
    padding-left: 20px;
}

.list-unstyled {
    padding-right: 0;
    padding-left: 0;
}

/* Icon positioning RTL */
.bi[class*="pe-"] {
    padding-left: inherit !important;
    padding-right: 0 !important;
}

.bi[class*="ps-"] {
    padding-right: inherit !important;
    padding-left: 0 !important;
}

.bi[class*="me-"] {
    margin-left: inherit !important;
    margin-right: 0 !important;
}

.bi[class*="ms-"] {
    margin-right: inherit !important;
    margin-left: 0 !important;
}

/* Dropdown RTL */
.dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

/* Offcanvas RTL */
.offcanvas-start {
    right: 0;
    left: auto;
}

/* Social Box RTL */
.social-box {
    flex-direction: row-reverse;
}

/* Button with icon RTL */
.btn i:first-child {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Toast RTL */
.toast {
    text-align: right;
}

.toast-container {
    left: 1rem;
    right: auto;
}

/* News Card RTL */
.news-card .card-body {
    text-align: right;
}

/* Blog Detail RTL */
.blog-detail-content {
    text-align: right;
}

/* Feedback Card RTL */
.feedback-card {
    text-align: right;
}

/* Step Box RTL */
.step-box {
    text-align: right;
}

/* Position Adjustments for RTL */
.position-absolute.end-0 {
    right: auto !important;
    left: 0 !important;
}

.position-absolute.start-0 {
    right: 0 !important;
    left: auto !important;
}

/* Float RTL */
.float-end {
    float: left !important;
}

.float-start {
    float: right !important;
}

/* Border RTL */
.border-start {
    border-left: none !important;
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end {
    border-right: none !important;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* Padding RTL Overrides */
.pe-0 { padding-left: 0 !important; padding-right: 0 !important; }
.pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
.pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
.pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
.pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
.pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

.ps-0 { padding-right: 0 !important; padding-left: 0 !important; }
.ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
.ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
.ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
.ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
.ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

/* Margin RTL Overrides */
.me-0 { margin-left: 0 !important; margin-right: 0 !important; }
.me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.me-5 { margin-left: 3rem !important; margin-right: 0 !important; }
.me-auto { margin-left: auto !important; margin-right: 0 !important; }

.ms-0 { margin-right: 0 !important; margin-left: 0 !important; }
.ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }

/* Justify Content RTL */
.justify-content-start {
    justify-content: flex-end !important;
}

.justify-content-end {
    justify-content: flex-start !important;
}

/* Align Items RTL */
.text-lg-start {
    text-align: right !important;
}

.text-lg-end {
    text-align: left !important;
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: right !important;
    }

    .text-lg-end {
        text-align: left !important;
    }
}

/* Persian Font Import */
@font-face {
    font-family: 'Vazir';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Persian Number Display */
body {
    font-feature-settings: 'ss01' on;
}

/* Improved line height for Persian text */
p, span, div, a, li, h1, h2, h3, h4, h5, h6 {
    line-height: 1.8;
}

/* Fix button line-height for proper text alignment */
.btn, .btn-quotes {
    line-height: 1.5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1.5rem !important;
}

/* Better spacing for Persian text */
.font-1, .display-1, .display-2, .display-3, .display-4, .display-5 {
    letter-spacing: -0.5px;
}