/* Persian RTL overrides for Argani */
html, body { direction: rtl; text-align: right; }

body, button, input, select, textarea, .btn, .form-control, .form-select {
  font-family: iransans, "iransans", Tahoma, Arial, sans-serif !important;
}
* { letter-spacing: 0 !important; }
.header-menu ul, .main-menu ul, .offcanvas-menu ul, .dropdown-menu, .footer-widget ul,
.breadcrumb, .pagination, .product-meta, .social-share, .widget-list { padding-right: 0; }
.header-menu > ul, .main-menu > ul { direction: rtl; }
.header-menu ul ul, .main-menu ul ul, .sub-menu, .dropdown-menu { right: 0; left: auto; text-align: right; }
.header-menu ul ul ul, .main-menu ul ul ul { right: 100%; left: auto; }
.dropdown-menu-end { left: 0 !important; right: auto !important; }
.offcanvas, .offcanvas-start { right: 0; left: auto; transform: translateX(100%); }
.offcanvas.show { transform: none; }
input, textarea, select, option { direction: rtl; text-align: right; }
input[type="email"], input[type="tel"], input[type="number"] { direction: rtl; }
.form-check { padding-right: 1.5em; padding-left: 0; }
.form-check .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; }
.me-auto { margin-left: auto !important; margin-right: 0 !important; }
.ms-auto { margin-right: auto !important; margin-left: 0 !important; }
.me-1,.me-2,.me-3,.me-4,.me-5 { margin-right: 0 !important; }
.ms-1,.ms-2,.ms-3,.ms-4,.ms-5 { margin-left: 0 !important; }
.text-start { text-align: right !important; }
.text-end { text-align: left !important; }
.float-start { float: right !important; }
.float-end { float: left !important; }
.swiper-button-next { left: 10px; right: auto; }
.swiper-button-prev { right: 10px; left: auto; }
.fa-arrow-right:before, .fa-long-arrow-alt-right:before { content: "\f060"; }
.fa-arrow-left:before, .fa-long-arrow-alt-left:before { content: "\f061"; }
.product-price, .price, .amount, .rating, .phone, [dir="ltr"] { unicode-bidi: embed; }
.table { text-align: right; }
.modal-header .btn-close { margin: -.5rem auto -.5rem -.5rem; }
.accordion-button::after { margin-right: auto; margin-left: 0; }
@media (max-width: 991.98px) {
  .header-menu, .main-menu, .mobile-menu, .offcanvas-body { text-align: right; }
  .offcanvas-menu ul ul { padding-right: 18px; padding-left: 0; }
}