/* فایل کمکی راست‌چین و فارسی */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
html[lang="fa"], html[dir="rtl"] { direction: rtl; }
body { font-family: 'Vazirmatn', Tahoma, sans-serif !important; direction: rtl; }
.navbar, .navbar-nav, .about, .services, .portfolio, .contact { direction: rtl; }
.navbar-brand { margin-right: 0; margin-left: auto; }
.navbar .navbar-nav { margin-right: auto !important; margin-left: 0 !important; }
.navbar-collapse .navbar-nav .nav-link { letter-spacing: 0; }
.section-title .title::before { margin-right: 0; margin-left: auto; }
.about .about_img_box .about_img:after { left: auto; right: -40px; }
.about .about_img_box .experience_box { left: auto; right: 0; }
.services .single-sevices i { left: auto; right: 40px; }
#scroll-to-top { right: auto; left: 20px; }
.y-button { letter-spacing: 0; }
input, textarea, select { direction: rtl; text-align: right; }
@media (max-width: 768px) {
 .about .about_img_box .about_img:after { right: -15px; }
 .services .single-sevices i { right: 20px; }
}


/* ===== اصلاح نهایی گالری: حفظ چیدمان اصلی Filterizr ===== */
/* Filterizr موقعیت کارت‌ها را خودش محاسبه می‌کند؛ فلکس و عرض اجباری
   روی کارت‌ها این محاسبات را خراب می‌کرد. */
.portfolio .filtr-container {
    direction: ltr !important;
    display: block !important;
    position: relative;
    width: 100%;
}
.portfolio .filtr-container > .filtr-item {
    direction: rtl;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
}
/* راست‌چین بودن متن‌ها مستقل از جهت محاسبات گالری */
.portfolio .filtr-item .overlay,
.portfolio .filtr-item .view-more {
    direction: rtl;
}


/* ===== نمایش ۶ نمونه‌کار در یک گالری و یک صفحه ===== */
/* خنثی‌سازی موقعیت‌دهی جاوااسکریپت Filterizr و چیدمان با CSS Grid */
.portfolio .row > .filtr-container,
.portfolio .filtr-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    direction: rtl !important;
    transform: none !important;
}
.portfolio .filtr-container > .filtr-item {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    direction: rtl;
}
.portfolio .filtr-item .port-caption {
    width: 100%;
    height: auto;
}
.portfolio .filtr-item .port-caption img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    .portfolio .row > .filtr-container,
    .portfolio .filtr-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 575px) {
    .portfolio .row > .filtr-container,
    .portfolio .filtr-container {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}


/* ===== اصلاح بخش دعوت به همکاری و نظرات مشتریان ===== */
/* ردیف‌های Bootstrap باید جهت چیدمان اصلی را حفظ کنند؛ فقط متن‌ها RTL باشند. */
.project-area .row,
.testi-area .row {
    direction: ltr !important;
}
.project-area [class*="col-"],
.testi-area [class*="col-"] {
    direction: rtl;
}
.project-area .section-title,
.testi-area .section-title,
.testi-area .testi-single,
.testi-area .client-info,
.testi-area .client-comment {
    direction: rtl;
    text-align: right;
}
.project-area .section-title .title::before,
.testi-area .section-title .title::before {
    margin-right: 0;
    margin-left: auto;
}
.project-area .y-button {
    display: inline-block;
    direction: rtl;
}
.testi-area .testi-carousel,
.testi-area .testi-carousel .owl-stage-outer,
.testi-area .testi-carousel .owl-stage {
    direction: ltr;
}
.testi-area .testi-single {
    text-align: center;
}
.testi-area .client-details,
.testi-area .client-comment {
    text-align: center;
}
@media (max-width: 767px) {
    .project-area .row,
    .testi-area .row {
        direction: ltr !important;
    }
    .project-area .section-title {
        text-align: center;
    }
}