/* تنظیمات RTL و نگاشت margin/padding */

/* جهت کلی */
html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
}

/* نگاشت margin */
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: var(--spacing-1); }
.ml-2 { margin-left: var(--spacing-2); }
.ml-3 { margin-left: var(--spacing-3); }
.ml-4 { margin-left: var(--spacing-4); }
.ml-5 { margin-left: var(--spacing-5); }
.ml-6 { margin-left: var(--spacing-6); }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: var(--spacing-1); }
.mr-2 { margin-right: var(--spacing-2); }
.mr-3 { margin-right: var(--spacing-3); }
.mr-4 { margin-right: var(--spacing-4); }
.mr-5 { margin-right: var(--spacing-5); }
.mr-6 { margin-right: var(--spacing-6); }

/* نگاشت padding */
.pl-0 { padding-left: 0; }
.pl-1 { padding-left: var(--spacing-1); }
.pl-2 { padding-left: var(--spacing-2); }
.pl-3 { padding-left: var(--spacing-3); }
.pl-4 { padding-left: var(--spacing-4); }
.pl-5 { padding-left: var(--spacing-5); }
.pl-6 { padding-left: var(--spacing-6); }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: var(--spacing-1); }
.pr-2 { padding-right: var(--spacing-2); }
.pr-3 { padding-right: var(--spacing-3); }
.pr-4 { padding-right: var(--spacing-4); }
.pr-5 { padding-right: var(--spacing-5); }
.pr-6 { padding-right: var(--spacing-6); }

/* تنظیمات خاص RTL */
.text-left {
    text-align: right;
}

.text-right {
    text-align: left;
}

/* فلکس RTL */
.flex-row-reverse {
    flex-direction: row-reverse;
}

/* آیکون‌ها و تصاویر */
.icon-flip {
    transform: scaleX(-1);
}

/* منوهای کشویی */
.dropdown-menu {
    right: 0;
    left: auto;
}

/* کارت‌ها */
.card {
    text-align: right;
}

/* فرم‌ها */
.form-group {
    text-align: right;
}

.form-label {
    text-align: right;
    display: block;
    margin-bottom: var(--spacing-2);
}

/* ناوبری */
.nav {
    direction: rtl;
}

.nav-item {
    margin-left: var(--spacing-4);
    margin-right: 0;
}

.nav-item:first-child {
    margin-left: 0;
}

/* بریدکرامب */
.breadcrumb {
    direction: rtl;
}

.breadcrumb-item {
    margin-left: var(--spacing-2);
    margin-right: 0;
}

.breadcrumb-item:first-child {
    margin-left: 0;
}

.breadcrumb-item::before {
    content: "←";
    margin-left: var(--spacing-2);
    margin-right: 0;
}

/* دکمه‌ها */
.btn {
    text-align: center;
}

.btn-group {
    direction: rtl;
}

/* آکاردیون */
.accordion {
    direction: rtl;
}

.accordion-button {
    text-align: right;
}

.accordion-button::after {
    margin-left: auto;
    margin-right: 0;
}

/* مودال */
.modal {
    direction: rtl;
}

.modal-header {
    text-align: right;
}

.modal-body {
    text-align: right;
}

.modal-footer {
    text-align: right;
}

/* تابلت */
.table {
    direction: rtl;
}

.table th,
.table td {
    text-align: right;
}

/* پاگینیشن */
.pagination {
    direction: rtl;
}

.pagination .page-item {
    margin-left: var(--spacing-1);
    margin-right: 0;
}

.pagination .page-item:first-child {
    margin-left: 0;
}

/* اسلایدر */
.slider {
    direction: rtl;
}

.slider-controls {
    direction: rtl;
}

/* کاروسل */
.carousel {
    direction: rtl;
}

.carousel-control-prev {
    right: 0;
    left: auto;
}

.carousel-control-next {
    left: 0;
    right: auto;
}

/* گرید محصولات */
.product-grid {
    direction: rtl;
}

.product-card {
    text-align: right;
}

/* فوتر */
.footer {
    direction: rtl;
}

.footer-content {
    text-align: right;
}

.footer-links {
    direction: rtl;
}

/* هدر */
.header {
    direction: rtl;
}

.header-nav {
    direction: rtl;
}

.header-actions {
    direction: rtl;
}

/* منوی موبایل */
.mobile-menu {
    direction: rtl;
}

.mobile-menu-item {
    text-align: right;
}

/* آیکون‌های اجتماعی */
.social-icons {
    direction: rtl;
}

.social-icon {
    margin-left: var(--spacing-2);
    margin-right: 0;
}

.social-icon:first-child {
    margin-left: 0;
}

