/* =========================================================
   Lagom 2 / WHMCS — Custom RTL stylesheet
   این فایل باید بعد از استایل‌های اصلی قالب بارگذاری شود.
   ========================================================= */

/* جهت و تراز عمومی */
html,
body {
    direction: rtl;
}

body {
    text-align: right;
}

/* عناصر متنی و فرم‌ها */
input,
select,
textarea,
.form-control {
    text-align: right;
}

.form-horizontal .control-label,
.control-label {
    text-align: right !important;
}

/* اصلاح کلاس‌های تراز Bootstrap */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

/* برگرداندن کلاس‌های شناور Bootstrap در حالت RTL */
.pull-left {
    float: right !important;
}

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

/* گرید Bootstrap؛ ستون اول از سمت راست شروع شود */
.row > [class*="col-"] {
    float: right;
}

/* مواردی که باید چپ‌به‌راست باقی بمانند */
[dir="ltr"],
.ltr,
.text-ltr,
code,
pre,
.domain-name,
.domain,
.email,
.email-address,
input[type="email"],
input[type="url"] {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

/* =========================================================
   هدر، منوها و زیرمنوها
   ========================================================= */

.navbar,
.navbar-nav,
.nav,
.nav-tabs,
.nav-pills,
.breadcrumb {
    direction: rtl;
}

.navbar-nav {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav > li {
    float: right;
}

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

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

.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-submenu > .dropdown-menu {
    right: 100%;
    left: auto;
}

.nav-tabs,
.nav-pills {
    padding-right: 0;
    padding-left: 0;
}

.nav-tabs > li,
.nav-pills > li {
    float: right;
}

.nav-tabs > li > a,
.nav-pills > li > a {
    margin-right: 0;
    margin-left: 2px;
}

/* =========================================================
   فرم‌ها، چک‌باکس‌ها و گروه ورودی
   ========================================================= */

.form-group,
.form-horizontal,
fieldset {
    direction: rtl;
}

.checkbox label,
.radio label {
    padding-right: 20px;
    padding-left: 0;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    right: 0;
    left: auto;
    margin-right: -20px;
    margin-left: 0;
}

.checkbox-inline,
.radio-inline {
    padding-right: 20px;
    padding-left: 0;
}

.checkbox-inline input[type="checkbox"],
.radio-inline input[type="radio"] {
    right: 0;
    left: auto;
    margin-right: 0;
    margin-left: 0;
}

.input-group {
    direction: rtl;
}

/* گوشه‌های گروه ورودی در سمت راست */
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn {
    border-radius: 0 4px 4px 0 !important;
}

/* گوشه‌های گروه ورودی در سمت چپ */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn {
    border-radius: 4px 0 0 4px !important;
}

/* فاصله‌ی فیلدهای متصل */
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

/* =========================================================
   جدول‌ها و ابزارهای جست‌وجو
   ========================================================= */

table,
.table,
.table-responsive {
    direction: rtl;
}

.table th,
.table td,
table th,
table td {
    text-align: right;
}

.dataTables_wrapper,
.dataTables_filter,
.dataTables_length,
.dataTables_info,
.dataTables_paginate {
    direction: rtl;
    text-align: right;
}

.dataTables_filter,
.dataTables_paginate {
    float: left;
}

.dataTables_info {
    float: right;
}

.pagination {
    padding-right: 0;
    padding-left: 0;
}

.pagination > li {
    float: right;
}

.pagination > li > a,
.pagination > li > span {
    float: right;
}

/* =========================================================
   کارت‌ها، پنل‌ها، لیست‌ها و محتوای عمومی
   ========================================================= */

.panel,
.panel-heading,
.panel-body,
.panel-footer,
.card,
.card-header,
.card-body,
.card-footer,
.list-group {
    text-align: right;
}

.panel-heading .pull-right,
.card-header .pull-right {
    float: left !important;
}

.panel-heading .pull-left,
.card-header .pull-left {
    float: right !important;
}

/* =========================================================
   Modal و پنجره‌های بازشو
   ========================================================= */

.modal,
.modal-content {
    direction: rtl;
    text-align: right;
}

.modal-header .close {
    float: left;
    margin-right: -15px;
    margin-left: 0;
}

.modal-footer {
    text-align: left;
}

.modal-footer .btn + .btn {
    margin-right: 5px;
    margin-left: 0;
}

/* =========================================================
   Select2
   ========================================================= */

.select2-container,
.select2-dropdown,
.select2-results,
.select2-results__option {
    direction: rtl;
    text-align: right;
}

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    padding-right: 8px;
    padding-left: 24px;
    text-align: right;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    right: auto;
    left: 1px;
}

.select2-container--default
.select2-selection--multiple
.select2-selection__rendered {
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
}

/* =========================================================
   مسیر راهنما، سبد خرید و مراحل سفارش
   ========================================================= */

.breadcrumb {
    padding-right: 0;
    padding-left: 0;
    text-align: right;
}

.cart,
.order-summary,
.order-content,
.checkout,
.checkout-form,
.product,
.product-info {
    direction: rtl;
    text-align: right;
}

.progress,
.progress-bar,
.step,
.steps,
.steps-container {
    direction: rtl;
}

/* =========================================================
   پیام‌ها، هشدارها و تیکت‌ها
   ========================================================= */

.alert,
.alert p,
.ticket-reply,
.ticket-reply-content,
.ticket-message,
.message-body {
    direction: rtl;
    text-align: right;
}

/* =========================================================
   رسانه‌ها و فاصله‌های عناصر
   ========================================================= */

.media {
    direction: rtl;
}

.media-left {
    padding-right: 0;
    padding-left: 10px;
}

.media-right {
    padding-right: 10px;
    padding-left: 0;
}

/* =========================================================
   موبایل
   ========================================================= */

@media (max-width: 767px) {
    .navbar-nav > li {
        float: none;
    }

    .navbar-collapse,
    .navbar-collapse .navbar-nav {
        text-align: right;
    }

    .dropdown-menu {
        right: 0;
        left: auto;
    }

    .dataTables_filter,
    .dataTables_paginate {
        float: none;
        text-align: right;
    }

    .modal-footer {
        text-align: right;
    }
}