/* 1. استيراد خط تجول بجميع أوزانه */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

[dir="rtl"] {
    /* 2. تطبيق الخط على الموقع بالكامل */
    body, h1, h2, h3, h4, h5, h6, 
    button, .w-btn, .package-tab-btn, 
    .plan-footer-btn, .popular-plan, 
    .dashboard-table > thead > tr > th,
    .banner-title, .banner-author,
    .job-post-subtitle {
        font-family: 'Tajawal', sans-serif !important;
    }

    /* 3. لمسة احترافية: جعل العناوين أعرض قليلاً */
    h1, h2, h3, .fw-bold {
        font-weight: 700 !important;
    }
}

    .dropdown-toggle::after {
        margin-left: auto;
        margin-right: 0.255em;
    }

    .dropdown-menu {
        text-align: right;
    }
    .secondary-nav-container {
        padding-right: 0;
        padding-left: 12px;
    }

    .hero-form-btn {
        right: auto;
        left: 0;
    }

    .hero-form-wrapper .form-control {
        border-left: 0px;
        border-right: 1px solid var(--dark-100);
    }
    .hero-rating {
        padding-left: 0px;
        padding-right: 20px;
        border-left: 0px;
        border-right: 1px solid var(--white);
    }
    .w-btn-primary-xl {
        & svg {
            transform: rotate(180deg);
        }
    }

    .seller-card {
        & .seller-card-wrapper {
            & .seller-card-content {
                & .contact-btn {
                    & .icon {
                        transform: rotate(180deg);
                    }
                }
            }
        }
    }
    .seller-card {
        & .seller-card-wrapper {
            & .seller-card-tag {
                top: 20px;
                right: auto;
                left: -60px;
                transform: rotate(-45deg);
            }
        }
    }
    .cta-people {
        bottom: 0;
        right: auto;
        left: 5%;
    }
    .cta-btn-link {
        & svg {
            transform: rotate(180deg);
        }
    }
    .w-btn-link {
        & svg {
            margin-left: 0;
            margin-right: 5px;
            transform: rotate(180deg);
        }
    }
    .footer-nav-list .footer-nav-list-item .footer-nav-link svg {
        transform: rotate(180deg);
    }
    .footer-nav-list .footer-nav-list-item .footer-nav-link:hover svg {
        transform: rotate(220deg);
    }
    .nice-select {
        text-align: right !important;
        padding-left: 29px !important;
        padding-right: 10px !important;
    }
    .select-dropdown.nice-select::after {
        right: auto;
        left: 12px;
    }
    .nice-select .option {
        text-align: right !important;
        padding-left: 29px;
        padding-right: 18px;
    }
    .w-btn-secondary-xl {
        & svg {
            transform: rotate(180deg);
        }
    }
    .w-btn-black-lg {
        & svg {
            transform: rotate(180deg);
        }
    }
    .breadcrumb-item + .breadcrumb-item::before {
        float: right;
        padding-left: var(--bs-breadcrumb-item-padding-x);
        padding-right: 0;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
        padding-right: var(--bs-breadcrumb-item-padding-x);
    }
    .m-info_action_btn .m-info_action_btn_icon {
        & svg {
            transform: rotate(180deg);
        }
    }
    .html-article {
        & ul {
            padding-right: 50px !important;
            padding-left: 0 !important;
        }
    }
    .accordion-button::after {
        margin-left: 0;
        margin-right: auto;
    }
    .blog-link {
        & svg {
            transform: rotate(180deg);
        }
    }

    @media screen and (max-width: 1199px) {
        .navbar-collapse {
            left: auto;
            right: 0;
            transform: translateX(100%);
        }
    }

    @media screen and (max-width: 1199px) {
        .navbar-collapse.show {
            transform: translateX(0);
            box-shadow: 15px 0 25px rgba(35, 35, 35, 0.1);
        }
    }

 .dashboard-sidebar {
        left: auto;
        right: 0;
    }

    /* التعديل: جعل الهوامش تعمل فقط في الشاشات الكبيرة */
    @media screen and (min-width: 1200px) {
        .dashboard-header {
            margin-right: 300px;
            margin-left: 0px;
        }
        .dashboard-main {
            margin-right: 300px;
            margin-left: 0px;
        }
    }

    /* التعديل: تصفير الهوامش في الجوال لإظهار المنيو المطرود خارج الشاشة */
    @media screen and (max-width: 1199px) {
        .dashboard-header, 
        .dashboard-main {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }
    }
    .dashboard-table > thead > tr > th:last-of-type {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .dashboard-table > thead > tr > th:first-of-type {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /* .dashboard-header-btns .d-flex {
        flex-direction: row-reverse;
    } */
    .form-select {
        background-position: left 0.75rem center;
    }
    .breadcrumb-arrow-center {
        rotate: 180deg;
    }
    .w-btn-secondary-lg svg,
    .plan-footer-btn svg {
        rotate: 180deg;
    }
    .rtl-no-rotation svg {
        rotate: 0deg;
    }
    .service-card-title a {
        background-position: 100% 100%;
    }
    .category-checkbox-wrapper input[type="checkbox"],
    .subcategory-checkbox-wrapper input[type="checkbox"],
    .childcategory-checkbox-wrapper input[type="checkbox"] {
        margin-right: 0px;
        margin-left: 10px;
    }

    .job-post-card .job-post-card-wrapper .card-action-wrapper {
        left: 30px;
        right: auto;
    }
    .file-upload-container {
        & .file-list {
            & .file-item {
                & .delete-file {
                    left: 10px;
                    right: auto;
                }
            }
        }
    }
    .modal-header .btn-close {
        margin-left: 0px;
        margin-right: auto;
    }
    .fr-chatbox-attach {
        right: auto;
        left: 30px;
    }
    .hero-category-select .form-select {
        padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    }

    .plan-detail {
        flex: 1 1 0%;
    }

    .varified-badge1 {
        right: auto;
        left: 10px;
    }

    .crancy-smenu {
        right: 0;
        left: auto;
    }
    .offcanvas-end .offcanvas-body .btn-close {
        left: 20px;
        right: auto;
    }

    .job-type-badge {
        left: auto;
        right: 15px;
    }
}
/* [dir="rtl"] {
  & .dashboard-sidebar {
    left: 0 !important;
    right: auto !important;
  }
} */
@media only screen and (max-width: 1200px) {
    [dir="rtl"] {
        & .dashboard-main {
            margin-right: 0px;
            margin-left: 0px;
        }
    }
    [dir="rtl"] {
        & .dashboard-header {
            margin-right: 0px;
            margin-left: 0px;
        }
    }
}

.modal {
}