/*
 * Bare3 Theme - RTL Support
 * هذا الملف يضيف دعم RTL للقالب
 */
 
 #registration .prepend-icon .field {
    -webkit-appearance: none;
    padding-right: 36px;
}

#order-standard_cart .prepend-icon .field {
    -webkit-appearance: none;
    padding-right: 40px;
}

/* إضافة هذا الكود في ملف CSS الخاص بالقالب */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

[dir="rtl"] body,
[dir="rtl"] .form-control,
[dir="rtl"] .btn,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6 {
    font-family: 'Cairo', sans-serif !important;
    text-align: right;
}




header.header .navbar a {
    color: #fff;
    font-family: 'Cairo', sans-serif !important;
}

header.header .navbar a {
    color: #fff;
    font-family: 'Cairo', sans-serif !important;
}

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

.tiles .tile i
 {
 position: static;
    float: left;
}

.carousel-item.item {
    float: none;
    margin: 0 auto;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {

    font-family: 'Cairo', sans-serif !important;
}

/* إضافة هذا الكود في ملف rtl.css أو في ملف CSS مخصص */
[dir="rtl"] .btn-cart,
[dir="rtl"] .btn-view-cart,
[dir="rtl"] a[href*="cart.php"] {
    position: relative;
    text-align: center !important;
    margin-right: 0 !important;
    margin-left: 10px !important;
    font-family: 'Cairo', sans-serif !important;
}

.mc-promo-login .primary-content .content, .mc-promo-manage .primary-content .content, .primary-content .card-body, .primary-content .mc-promo-login .content, .primary-content .mc-promo-manage .content {
    padding: 20px;
    overflow: hidden;
}

.tile, .card, .service-box {
    max-width: 100%;
    box-sizing: border-box;
}

.tiles-container, .card-wrapper, .section-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden; /* لمنع الانفلات */
}

[dir="rtl"] .tile {
    margin-left: 0 !important;
    margin-right: 10px; /* حسب التنسيق المرغوب */
}


/* ضبط محاذاة النص داخل الزر */
[dir="rtl"] .btn-cart .badge,
[dir="rtl"] .btn-view-cart .badge {
position: absolute;
    top: -3px !important;
    left: 3px !important;
    right: auto;
}


/* إعدادات أساسية لـ RTL */
[dir="rtl"] {
    /* عكس اتجاه النص والمحتوى */
    direction: rtl;
    text-align: right;
}

/* عكس الهوامش والحشوات للعناصر */
[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

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

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

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

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

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

/* عكس اتجاه الأيقونات */
[dir="rtl"] .fa, 
[dir="rtl"] .fas, 
[dir="rtl"] .far, 
[dir="rtl"] .fal, 
[dir="rtl"] .fab {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* عكس أيقونات القوائم المنسدلة */
[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

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

/* تعديل خاص للهيدر */
[dir="rtl"] header.header .logo-container {
    margin-right: 0;
    margin-left: 15px;
}

[dir="rtl"] header.header .language-selector {
    margin-right: 0;
    margin-left: 15px;
}

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

[dir="rtl"] header.header a[href*="login"],
[dir="rtl"] header.header a[href*="clientarea.php"],
[dir="rtl"] header.header .btn-login {
    margin-right: 0;
    margin-left: 5px;
}

[dir="rtl"] header.header a[href*="cart.php"],
[dir="rtl"] header.header .cart-btn,
[dir="rtl"] header.header .btn-view-cart {
margin-left: 0 !important;
    /* margin-right: 10px !important; */
    padding: 9px 19px !important;
}

/* تعديل القوائم المنسدلة */
[dir="rtl"] #nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Cairo', sans-serif !important;
}

/* إصلاح محاذاة قسم الخدمات */
[dir="rtl"] .service-item i {
    margin-right: 0;
    margin-left: 8px;
}

/* تعديل الأخبار */
[dir="rtl"] .news-item {
    border-left: none;
    border-right: 3px solid var(--secondary-color);
    padding-left: 0;
    padding-right: 15px;
}

/* تعديل لون الخلفية للقوائم المنسدلة */
[dir="rtl"] .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* إصلاح محاذاة الأيقونات في القائمة الجانبية */
[dir="rtl"] .sidebar-menu-item-icon {
    margin-right: 0;
    margin-left: 10px;
}

[dir="rtl"] .sidebar-menu-item-badge {
    margin-left: 0;
    margin-right: auto;
}

/* عكس الهوامش في الفوتر */
[dir="rtl"] .footer-copyright .text-right {
    text-align: left !important;
}

/* تعديل قسم التواصل */
[dir="rtl"] .contact-box .btn {
    margin-right: 0;
    margin-left: 5px;
}

/* تعديل مخصص للجوال */
@media (max-width: 767px) {
    [dir="rtl"] .mobile-header-row-2 .header-auth-buttons {
        margin-right: 0;
        margin-left: auto;
    }
    
    [dir="rtl"] .mobile-header-row-2 .navbar-nav.toolbar {
        margin-left: 0;
        margin-right: auto;
    }
    
    [dir="rtl"] .mobile-header-row-2 .header-auth-buttons a.btn-sm {
        margin-right: 0;
        margin-left: 5px;
    }
    
    [dir="rtl"] .mobile-header-row-2 .language-selector {
        margin-right: 0;
        margin-left: 5px;
    }
}

/* إعدادات أساسية لـ RTL */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* عكس الهوامش والحشوات */
[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

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

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

[dir="rtl"] .mr-1 {
    margin-left: 0.25rem !important;
}

[dir="rtl"] .mr-2 {
    margin-left: 0.5rem !important;
}

[dir="rtl"] .mr-3 {
    margin-left: 1rem !important;
}

[dir="rtl"] .mr-4 {
    margin-left: 1.5rem !important;
}

[dir="rtl"] .mr-5 {
    margin-left: 3rem !important;
}

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

[dir="rtl"] .ml-1 {
    margin-right: 0.25rem !important;
}

[dir="rtl"] .ml-2 {
    margin-right: 0.5rem !important;
}

[dir="rtl"] .ml-3 {
    margin-right: 1rem !important;
}

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

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

/* تعديلات للهيدر */
[dir="rtl"] header.header .language-selector,
[dir="rtl"] header.header select.language-select {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

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

[dir="rtl"] header.header a[href*="login"],
[dir="rtl"] header.header a[href*="clientarea.php"],
[dir="rtl"] header.header .btn-login {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

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

/* تعديلات للقوائم المنسدلة */
[dir="rtl"] .dropdown-item {
    text-align: right;
}

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

/* تعديلات للأيقونات */
[dir="rtl"] .service-item i {
    margin-right: 0;
    margin-left: 8px;
}

/* تعديلات فتات الخبز */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0;
    padding-left: 0.5rem;
}

/* إصلاحات خاصة باللغة العربية فقط */
html[dir="rtl"] .hero-section-wrapper {
    direction: rtl;
}

/* إصلاح توسيط offset في وضع RTL */
@media (min-width: 768px) {
    html[dir="rtl"] .offset-md-2 {
        margin-right: 0% !important;
        margin-left: 0 !important;
    }
    
    html[dir="rtl"] .offset-lg-3 {
        margin-right: 0% !important;
        margin-left: 0 !important;
    }
}

/* كود Flexbox لضمان التوسيط في وضع RTL */
html[dir="rtl"] .hero-section .row {
    display: flex;
    justify-content: center;
}

/* ضمان توسيط النص والصورة في RTL */
html[dir="rtl"] .hero-section h1,
html[dir="rtl"] .hero-section p {
    text-align: center !important;
    width: 100%;
}

html[dir="rtl"] .hero-section img.img-fluid {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* إصلاح إضافي للتأكد من التوسيط الصحيح */
@media (max-width: 767px) {
    html[dir="rtl"] .hero-section .col-md-8,
    html[dir="rtl"] .hero-section .col-lg-6 {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
}