/* RTL adjustments for navbar */
/* RTL Support (will be added dynamically for Arabic) */
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

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

body[dir="rtl"] .icon-box,
body[dir="rtl"] .icon-box-sm {
    margin-left: 10px;
    margin-right: 0;
}

body[dir="rtl"] .cart-item-img {
    margin-left: 10px;
    margin-right: 0;
}

body[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

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

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

body[dir="rtl"] .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* RTL Adjustments */
body[dir="rtl"] .dropdown-item.language-option {
    text-align: right;
}

body[dir="rtl"] .dropdown-item.language-option::after {
    margin-left: 0;
    margin-right: auto;
}


footer :dir(ltr) .text-md-start {
    text-align: left !important;
}

:dir(ltr) .text-md-end {
    text-align: right !important;
}

:dir(rtl) .text-md-start {
    text-align: right !important;
}

:dir(rtl) .text-md-end {
    text-align: left !important;
}
:dir(ltr) .page-template-page-about .welcome-to .section-title:after {
    left: 0;
    right: auto;
}
:dir(rtl) .page-template-page-about .welcome-to .section-title:after {
    right: 0;
    left: auto;
}

:dir(rtl) .breadcrumb-item::before {
    float: right;
    padding: 0 3px;
}

:dir(ltr) .smart-status-bar i {
    margin-right: 8px;
    margin-left: 0;
}

:dir(rtl) .smart-status-bar i {
    margin-left: 8px;
    margin-right: 0;
}

:dir(ltr) .form-floating > label {
    left: 0;
}

:dir(rtl) .form-floating > label {
    right: 0;
}
:dir(ltr) .payment-methods img {
    margin-left: .5rem;
    margin-right: 0;
}

:dir(rtl) .payment-methods img {
    margin-right: .5rem;
    margin-left: 0;
}
:dir(ltr) .ai-avatar {
    margin-right: 10px;
    margin-left: 0;
}

:dir(rtl) .ai-avatar {
    margin-left: 10px;
    margin-right: 0;
}
:dir(ltr) .ai-chat-input button {
    margin-left: 10px;
    margin-right: 0;
}

:dir(rtl) .ai-chat-input button {
    margin-right: 10px;
    margin-left: 0;
}

:dir(ltr) .social-icons a {
    margin-right: 10px;
    margin-left: 0;
}

:dir(rtl) .social-icons a {
    margin-left: 10px;
    margin-right: 0;
}
:dir(ltr) .about-image:before {
    left: -20px;
    right: auto;
}

:dir(rtl) .about-image:before {
    right: -20px;
    left: auto;
}

:dir(ltr) .alert-icon {
    margin-right: 15px;
    margin-left: 0;
}

:dir(rtl) .alert-icon {
    margin-left: 15px;
    margin-right: 0;
}

:dir(ltr) .alert-close {
    margin-left: 15px;
    margin-right: 0;
}

:dir(rtl) .alert-close {
    margin-right: 15px;
    margin-left: 0;
}
:dir(ltr) .accordion-button::after {
    margin-left: auto;
    margin-right: 0;
}
:dir(rtl) .accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

:dir(ltr) .text-start {
    text-align: left !important;
}

:dir(rtl) .text-start {
    text-align: right !important;
}

:dir(ltr) .offcanvas-header .btn-close {
    margin-right: 0;
    margin-left: auto;
}
:dir(rtl) .offcanvas-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

:dir(ltr) .whatsapp-wrapper {
    left: 30px;
    direction: rtl;
}

:dir(rtl) .whatsapp-wrapper {
    right: 30px;
    direction: ltr;
}

:dir(ltr) .mission-section .about-image {
    margin-left: 20px;
}
:dir(rtl) .mission-section .about-image {
    margin-right: 20px;
}