/* ============================================================
   RTL OVERRIDES (برای فارسی)
   ============================================================ */
body {
    font-family: 'Vazirmatn FD', 'IRANSans', 'B Nazanin', 'Inter', Tahoma, sans-serif;
}

.hero-section h1,
.hero-section .lead,
.feature-card p,
.footer p,
.footer ul li a,
/*.section-subtitle,*/
.feature-detail-card p,
.feature-detail-card .problem-text,
.feature-detail-card .solution-text,
.price-card ul li {
    text-align: right;
}

.btn i1 {
    margin-left: 5px;
    margin-right: 0;
}

.navbar-nav .nav-link::after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

ul {
    padding-right: 1.5rem;
    padding-left: 0;
}

.badge {
    margin-left: 0;
    margin-right: 0.25rem;
}

.fa-arrow-right {
    transform: scaleX(-1);
}

.feature-detail-card .problem-text,
.feature-detail-card .solution-text {
    border-left: none;
    border-right: 3px solid;
}

.feature-detail-card .problem-text {
    border-right-color: #ef4444;
}

.feature-detail-card .solution-text {
    border-right-color: var(--primary-green);
}

.feature-detail-card .icon-wrapper {
    margin-left: 0.75rem;
    margin-right: 0;
}

.version-item .badge {
    margin-left: 0;
    margin-right: 0.5rem;
}

.version-item .btn-download {
    margin-left: 0;
    margin-right: 0.75rem;
}

.badge-latest {
    right: auto;
    left: 1.25rem;
}

.offcanvas-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

.dropdown-menu {
    text-align: right;
}

.changelog-card .card-body ul li .badge-feature,
.changelog-card .card-body ul li .badge-fix,
.changelog-card .card-body ul li .badge-improvement,
.changelog-card .card-body ul li .badge-security {
    margin-right: initial;
    margin-left: 0.5rem;
    display: inline-flex;
}

.me-1 {
    margin-right: initial;
    margin-left: .25rem !important;
}

.me-2 {
    margin-right: initial;
    margin-left: .5rem !important;
}

.me-3 {
    margin-right: initial;
    margin-left: 1rem !important;
}

.ms-3 {
    margin-left: initial;
    margin-right: 1rem !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991.98px) {
    .hero-section h1 {
        text-align: center;
    }
}