/* RTL (Right-to-Left) Stylesheet */


/* This file handles RTL-specific styling for Arabic and other RTL languages */


/* ============================================
   Base RTL Styles
   ============================================ */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}


/* ============================================
   Text Alignment & Direction
   ============================================ */

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

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

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

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


/* ============================================
   Margins & Padding Adjustments
   ============================================ */

[dir="rtl"] .ms-1,
[dir="rtl"] .ms-2,
[dir="rtl"] .ms-3,
[dir="rtl"] .ms-4,
[dir="rtl"] .ms-5 {
    margin-left: 0 !important;
}

[dir="rtl"] .me-1,
[dir="rtl"] .me-2,
[dir="rtl"] .me-3,
[dir="rtl"] .me-4,
[dir="rtl"] .me-5 {
    margin-right: 0 !important;
}

[dir="rtl"] .ps-1,
[dir="rtl"] .ps-2,
[dir="rtl"] .ps-3,
[dir="rtl"] .ps-4,
[dir="rtl"] .ps-5 {
    padding-left: 0 !important;
}

[dir="rtl"] .pe-1,
[dir="rtl"] .pe-2,
[dir="rtl"] .pe-3,
[dir="rtl"] .pe-4,
[dir="rtl"] .pe-5 {
    padding-right: 0 !important;
}


/* ============================================
   Float & Position Adjustments
   ============================================ */

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

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

[dir="rtl"] .float-start {
    float: right !important;
}

[dir="rtl"] .float-end {
    float: left !important;
}


/* ============================================
   Blog Styles RTL
   ============================================ */

[dir="rtl"] .blog__item .image .blog-tag {
    left: auto;
    right: 12px;
}

[dir="rtl"] .read-more i.fa-arrow-right::before {
    content: "\f060";
    /* fa-arrow-left */
}

[dir="rtl"] .read-more i.fa-arrow-right {
    transform: scaleX(-1);
}


/* ============================================
   Page Styles RTL
   ============================================ */

[dir="rtl"] .page-content {
    text-align: right;
}

[dir="rtl"] .page-content h1,
[dir="rtl"] .page-content h2,
[dir="rtl"] .page-content h3,
[dir="rtl"] .page-content h4,
[dir="rtl"] .page-content h5,
[dir="rtl"] .page-content h6 {
    text-align: right;
}

[dir="rtl"] .page-content h2 {
    text-align: right;
}

[dir="rtl"] .page-content p {
    text-align: right;
}

[dir="rtl"] .page-content ul,
[dir="rtl"] .page-content ol {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

[dir="rtl"] .page-content ul li,
[dir="rtl"] .page-content ol li {
    text-align: right;
}

[dir="rtl"] .page-content blockquote {
    border-left: none;
    border-right: 4px solid var(--primary-color);
    padding-left: 30px;
    padding-right: 20px;
}

[dir="rtl"] .page-content table th,
[dir="rtl"] .page-content table td {
    text-align: right;
}

[dir="rtl"] .page-content code {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

[dir="rtl"] .page-content pre {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .page-content pre code {
    direction: ltr;
    text-align: left;
}


/* ============================================
   Banner RTL
   ============================================ */

[dir="rtl"] .banner__inner-page,
[dir="rtl"] .page-banner {
    text-align: center;
}


/* ============================================
   Icons & Arrows RTL
   ============================================ */

[dir="rtl"] .fa-arrow-right::before {
    content: "\f060";
    /* fa-arrow-left */
}

[dir="rtl"] .fa-arrow-left::before {
    content: "\f061";
    /* fa-arrow-right */
}

[dir="rtl"] .bi-arrow-right::before {
    content: "\f12a";
    /* bi-arrow-left */
}

[dir="rtl"] .bi-arrow-left::before {
    content: "\f12b";
    /* bi-arrow-right */
}


/* ============================================
   Pagination RTL
   ============================================ */

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

/* ============================================
   Form Elements RTL
   ============================================ */

[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="number"],
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] input[type="text"]::placeholder,
[dir="rtl"] input[type="email"]::placeholder,
[dir="rtl"] input[type="password"]::placeholder,
[dir="rtl"] textarea::placeholder {
    text-align: right;
}


/* ============================================
   Dropdown & Menu RTL
   ============================================ */

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

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

[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}


/* ============================================
   Navigation RTL
   ============================================ */

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

[dir="rtl"] .nav-link {
    text-align: right;
}


/* ============================================
   Card & Container RTL
   ============================================ */

[dir="rtl"] .card {
    text-align: right;
}

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

[dir="rtl"] .card-header {
    text-align: right;
}

[dir="rtl"] .card-footer {
    text-align: right;
}


/* ============================================
   List RTL
   ============================================ */

[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 20px;
    padding-left: 0;
}

[dir="rtl"] ul li,
[dir="rtl"] ol li {
    text-align: right;
}


/* ============================================
   Button Groups RTL
   ============================================ */

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

[dir="rtl"] .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .btn-group>.btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}


/* ============================================
   Badge & Label RTL
   ============================================ */

[dir="rtl"] .badge {
    direction: rtl;
}


/* ============================================
   Modal RTL
   ============================================ */

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

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

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


/* ============================================
   Alert RTL
   ============================================ */

[dir="rtl"] .alert {
    text-align: right;
    padding-right: 1rem;
    padding-left: 3rem;
}

[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}


/* ============================================
   Breadcrumb RTL
   ============================================ */

[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 0;
}

[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
    content: "\f12a";
    /* Left arrow for RTL */
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}


/* ============================================
   Utility Classes RTL
   ============================================ */

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

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

[dir="rtl"] .ps-auto {
    padding-left: 0 !important;
    padding-right: auto !important;
}

[dir="rtl"] .pe-auto {
    padding-right: 0 !important;
    padding-left: auto !important;
}


/* ============================================
   Transform & Animation RTL
   ============================================ */

[dir="rtl"] .blog__item:hover .image img {
    transform: scale(1.1) rotate(-1deg);
}


/* ============================================
   Print Styles RTL
   ============================================ */

@media print {
    [dir="rtl"] {
        direction: rtl;
    }
    [dir="rtl"] .page-content {
        text-align: right;
    }
    [dir="rtl"] .page-content p,
    [dir="rtl"] .page-content ul,
    [dir="rtl"] .page-content ol {
        text-align: right;
    }
}


/* ============================================
   Responsive RTL Adjustments
   ============================================ */

@media (max-width: 767px) {
    [dir="rtl"] .blog-single__left-item .tags-share {
        flex-direction: column;
        align-items: flex-start;
    }
    [dir="rtl"] .blog-single__left-item .tags-share .share {
        flex-direction: row-reverse;
    }
    [dir="rtl"] .page-content ul,
    [dir="rtl"] .page-content ol {
        padding-right: 20px;
    }
}


    /*force LTR */
    .phone_align_left{
        direction: ltr !important;
        text-align: left !important;
    }