/* ============================================================
   RTL.CSS — راست‌چین و فارسی‌سازی کامل پروژه
   فونت: Lahze
   ============================================================ */

/* ── 1. تعریف فونت لحظه ─────────────────────────────────── */
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Light.woff') format('woff'),
       url('../fonts/Lahze/Lahzeh-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Regular.woff') format('woff'),
       url('../fonts/Lahze/Lahzeh-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Bold.woff') format('woff'),
       url('../fonts/Lahze/Lahzeh-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lahze';
  src: url('../fonts/Lahze/Lahzeh-Black.woff') format('woff'),
       url('../fonts/Lahze/Lahzeh-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ── 2. بازنویسی CSS Variables با فونت لحظه ─────────────── */
:root {
  --title-font: 'Lahze', sans-serif;
  --text-font:  'Lahze', sans-serif;
  --jost:       'Lahze', sans-serif;
  --roboto:     'Lahze', sans-serif;
  --cormorant:  'Lahze', sans-serif;
}


/* ── 3. تنظیمات پایه RTL ─────────────────────────────────── */
html {
  direction: rtl;
}

body {
  direction: rtl;
  text-align: right;
  font-family: 'Lahze', sans-serif;
}

* {
  font-family: 'Lahze', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, span, li, td, th, label,
input, textarea, select, button {
  font-family: 'Lahze', sans-serif;
}


/* ── 4. هدر اصلی ─────────────────────────────────────────── */
.main-header .header-top .top-inner {
  flex-direction: row-reverse;
}

.main-header .header-lower .outer-box {
  flex-direction: row-reverse;
}

.header-style-five .header-top .top-inner {
  flex-direction: row-reverse;
}

.header-style-five .outer-box {
  flex-direction: row-reverse;
}

.header-top .left-column {
  margin-left: 0;
  margin-right: auto;
}

.header-top .info-list {
  flex-direction: row-reverse;
}

.header-top .info-list li {
  margin-right: 0;
  margin-left: 30px;
}

.header-top .info-list li:last-child {
  margin-left: 0;
}

.header-top .social-links {
  flex-direction: row-reverse;
}


/* ── 5. ناوبری اصلی ──────────────────────────────────────── */
.main-menu .navigation {
  direction: rtl;
}

.main-menu .navigation > li {
  float: right;
  margin-right: 0;
  margin-left: 35px;
}

.main-menu .navigation > li:last-child {
  margin-left: 0;
}

.main-menu .navigation > li > ul {
  left: auto;
  right: 0;
  text-align: right;
}

.main-menu .navigation > li > ul > li > ul {
  left: auto;
  right: 100%;
}

.main-menu .navigation > li.dropdown > a:after {
  margin-left: 0;
  margin-right: 5px;
}

.menu-area {
  flex-direction: row-reverse;
}

.outer-box .menu-area {
  direction: rtl;
}

.sticky-header .outer-box {
  flex-direction: row-reverse;
}


/* ── 6. Search Toggler و دکمه سایدبار ────────────────────── */
.search-toggler {
  margin-left: 40px !important;
  margin-right: 25px !important;
}


/* ── 7. منوی موبایل ──────────────────────────────────────── */
.mobile-menu {
  direction: rtl;
  text-align: right;
}

.mobile-menu .menu-box {
  left: auto;
  right: 0;
}

.mobile-menu .close-btn {
  left: 10px;
  right: auto;
}

.mobile-menu .navigation li a {
  text-align: right;
}

.mobile-menu .navigation li.dropdown:after {
  left: 20px;
  right: auto;
}

.nav-logo {
  text-align: right;
}


/* ── 8. سایدبار ──────────────────────────────────────────── */
.xs-sidebar-group {
  direction: rtl;
  text-align: right;
}

.xs-sidebar-widget {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  transform: translateX(0);
}

.sidebar-widget-container .widget-heading {
  text-align: left;
}

.sidebar-info-contents .content-inner {
  text-align: right;
}

.sidebar-info-contents .info ul.info li {
  text-align: right;
  padding-left: 0;
  padding-right: 35px;
}

.sidebar-info-contents .info ul.info li .icon {
  left: auto;
  right: 0;
}


/* ── 9. سکشن بنر ─────────────────────────────────────────── */
.banner-carousel .content-box {
  text-align: right;
}

.banner-section .year-box {
  left: 60px;
  right: auto;
  text-align: center;
}

.banner-section .btn-box {
  text-align: right;
}


/* ── 10. sec-title زیرعنوان (خط کنار عنوان) ─────────────── */
.sec-title .sub-title {
  padding-left: 0;
  padding-right: 42px;
}

.sec-title .sub-title:before {
  left: auto;
  right: 0;
}

.sec-title.centred .sub-title {
  padding-left: 40px;
  padding-right: 42px;
}

.sec-title.centred .sub-title:after {
  right: auto;
  left: 0;
}


/* ── 11. لیست‌ها ─────────────────────────────────────────── */
.list-style-one li {
  padding-left: 0;
  padding-right: 28px;
  float: right;
}

.list-style-one li:before {
  left: auto;
  right: 0;
}

.content_block_one .content-box .list-style-one {
  text-align: right;
}


/* ── 12. فوتر ────────────────────────────────────────────── */
.main-footer {
  direction: rtl;
  text-align: right;
}

.footer-widget .info-list li {
  padding-left: 0;
  padding-right: 0;
}

.footer-widget .links-list li {
  text-align: right;
}

.footer-widget .links-list li a:before {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 10px;
}

.footer-widget .links-list li a {
  padding-left: 0;
  padding-right: 15px;
}

.footer-widget.ml_170 {
  margin-left: 0;
  margin-right: 170px;
}

@media only screen and (max-width: 1200px) {
  .footer-widget.ml_170 {
    margin-right: 0;
  }
}

.copyright {
  text-align: right;
}


/* ── 13. اسکرول به بالا ─────────────────────────────────── */
.scroll-to-top {
  right: auto;
  left: 30px;
}


/* ── 14. پیج تایتل ──────────────────────────────────────── */
.page-title .content-box {
  text-align: right;
}

.page-title .bread-crumb {
  text-align: right;
}

.bread-crumb li {
  display: inline-block;
}

.bread-crumb li:before {
  margin-left: 10px;
  margin-right: 10px;
}


/* ── 15. سکشن درباره ما ──────────────────────────────────── */
.about-section .content_block_one .content-box {
  text-align: right;
}

.content_block_one .content-box {
  margin-left: 0;
  margin-right: 40px;
}

@media only screen and (max-width: 991px) {
  .content_block_one .content-box {
    margin-right: 0;
  }
}

.about-style-six .image-box {
  margin-left: 0;
  margin-right: 35px;
}

@media only screen and (max-width: 1200px) {
  .about-style-six .image-box {
    margin-right: 0;
  }
}

.about-style-six .experience-box {
  left: 0;
  right: auto;
}


/* ── 16. آکاردئون FAQ ────────────────────────────────────── */
.accordion-box {
  direction: rtl;
  text-align: right;
}

.accordion-box .accordion .acc-btn {
  padding-left: 30px;
  padding-right: 0;
  text-align: right;
}

.accordion-box .accordion .acc-btn .icon-box {
  left: 0;
  right: auto;
  margin-left: 0;
  margin-right: 15px;
}

.accordion-box .accordion .acc-btn span {
  margin-right: 0;
  margin-left: 10px;
}

.accordion-box .accordion .acc-content {
  text-align: right;
}

.faq-section .accordion-box {
  margin-left: 0;
  margin-right: 20px;
}

@media only screen and (max-width: 991px) {
  .faq-section .accordion-box {
    margin-right: 0;
  }
}


/* ── 17. پروژه‌ها ─────────────────────────────────────────── */
.project-block-one .inner-box .content-box {
  text-align: right;
}

.project-block-one .inner-box .content-box .text-box {
  padding-left: 0;
  padding-right: 30px;
}

.project-block-one .inner-box:hover .content-box .info-list {
  right: auto;
  left: 30px;
}

@media only screen and (max-width: 1200px) {
  .project-block-one .inner-box .content-box .text-box {
    padding-right: 15px;
  }
}


/* ── 18. Fun Facts ───────────────────────────────────────── */
.funfact-block-one .inner-box {
  text-align: right;
}

.funfact-block-one .inner-box .count-outer {
  direction: ltr;
  text-align: right;
}


/* ── 19. تستیمونیال ─────────────────────────────────────── */
.testimonial-section .testimonial-block .text-box {
  text-align: right;
}

.testimonial-block .image-box {
  direction: rtl;
}


/* ── 20. سکشن ویدیو ─────────────────────────────────────── */
.content_block_two .content-box {
  text-align: right;
}

.video_block_one .video-content {
  margin-left: 60px;
  margin-right: 75px;
}

@media only screen and (max-width: 1200px) {
  .video_block_one .video-content {
    margin: 0;
  }
}


/* ── 21. بلاگ / اخبار ────────────────────────────────────── */
.news-block-one .lower-content {
  text-align: right;
}

.news-block-one .lower-content .post-info {
  direction: rtl;
}

.news-block-one .lower-content .post-info li {
  margin-right: 0;
  margin-left: 20px;
}

.news-block-one .lower-content .post-info li:before {
  left: auto;
  right: -15px;
}

.blog-details-content {
  text-align: right;
  margin-right: 0;
  margin-left: 30px;
}

.blog-details-content blockquote {
  border-left: none;
  border-right: 4px solid var(--theme-color);
  padding-left: 0;
  padding-right: 30px;
  text-align: right;
}

.blog-sidebar {
  text-align: right;
}

.blog-sidebar .posts-list li {
  flex-direction: row-reverse;
}

.blog-sidebar .posts-list li .text-box {
  margin-left: 0;
  margin-right: 15px;
}


/* ── 22. تیم ─────────────────────────────────────────────── */
.team-block-one .lower-content {
  text-align: center;
}

.team-block-one .image-box .social-links {
  direction: rtl;
}


/* ── 23. خدمات ───────────────────────────────────────────── */
.service-block-one .inner-box {
  text-align: right;
}

.chooseus-block-one .inner-box {
  text-align: right;
}

.chooseus-block-one .inner-box .icon-box {
  margin-left: 0;
  margin-right: 0;
}


/* ── 24. فرم تماس ───────────────────────────────────────── */
.contact-style-three .form-inner {
  direction: rtl;
}

.contact-style-three .info-content {
  margin-left: 0;
  margin-right: 70px;
  text-align: right;
}

@media only screen and (max-width: 1200px) {
  .contact-style-three .info-content {
    margin-right: 0;
  }
}

.contact-style-three .info-content .info-list li {
  padding-left: 0;
  padding-right: 70px;
  text-align: right;
}

.contact-style-three .info-content .info-list li .icon {
  left: auto;
  right: 0;
}

.form-group input,
.form-group textarea,
.form-group select {
  text-align: right;
  direction: rtl;
}

.contact-style-three .form-inner .form-group {
  text-align: right;
}


/* ── 25. فرم نوبت‌دهی ────────────────────────────────────── */
.appointment-area {
  direction: rtl;
  text-align: right;
}

.appointment-title {
  text-align: right;
}

.appointment-form {
  direction: rtl;
}

.appointment-checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.single-checkbox label {
  padding-left: 0;
  padding-right: 35px;
}

.single-checkbox label span {
  left: auto;
  right: 0;
}

.newsletter-checkbox label {
  padding-left: 0;
  padding-right: 35px;
  text-align: right;
}

.newsletter-checkbox label span {
  left: auto;
  right: 0;
}

.appointment-form .inner-title {
  text-align: right;
}

.date-box {
  flex-direction: row-reverse;
}

.date-box .icon {
  margin-left: 0;
  margin-right: 15px;
}

.time-box {
  direction: rtl;
}

.time-box input {
  text-align: right;
  padding-right: 15px;
  padding-left: 50px;
}

.time-box .icon {
  left: 15px;
  right: auto;
}


/* ── 26. سکشن مشاوره ────────────────────────────────────── */
.consulting-section .content-box {
  text-align: right;
}

.consulting-section .image-box {
  margin-left: 0;
  margin-right: 30px;
}

@media only screen and (max-width: 991px) {
  .consulting-section .image-box {
    margin-right: 0;
  }
}


/* ── 27. Working Section ────────────────────────────────── */
.working-block-one .inner-box {
  text-align: right;
}

.working-block-one .inner-box .icon-box {
  flex-direction: row-reverse;
}

.working-block-one .inner-box .icon-box span {
  margin-left: 0;
  margin-right: 15px;
}


/* ── 28. Transforming Section ───────────────────────────── */
.transforming-section .title-text {
  text-align: right;
}

.transforming-section .text-box {
  margin-left: 0;
  margin-right: 100px;
  text-align: right;
}

@media only screen and (max-width: 991px) {
  .transforming-section .text-box {
    margin-right: 0;
  }
}


/* ── 29. Search Popup ───────────────────────────────────── */
.search-popup .upper-box {
  flex-direction: row-reverse;
}

.search-popup .search-form fieldset input[type="search"] {
  text-align: right;
  direction: rtl;
  padding-right: 0;
  padding-left: 50px;
}

.search-popup .search-form fieldset button[type="submit"] {
  right: auto;
  left: 0;
}


/* ── 30. Slide text ─────────────────────────────────────── */
.slide-text-outer {
  direction: ltr;
}


/* ── 31. Pagination ─────────────────────────────────────── */
.pagination li {
  margin-right: 0;
  margin-left: 9px;
}

.pagination li:last-child {
  margin-left: 0;
}


/* ── 32. Scroll to top ──────────────────────────────────── */
.scroll-to-top {
  right: auto;
  left: 30px;
}


/* ── 33. Bootstrap RTL overrides ────────────────────────── */
.mr_25 { margin-right: 0 !important; margin-left: 25px !important; }
.mr_40 { margin-right: 0 !important; margin-left: 40px !important; }
.ml_25 { margin-left: 0 !important;  margin-right: 25px !important; }
.ml_40 { margin-left: 0 !important;  margin-right: 40px !important; }
.ml_20 { margin-left: 0 !important;  margin-right: 20px !important; }
.ml_35 { margin-left: 0 !important;  margin-right: 35px !important; }
.ml_70 { margin-left: 0 !important;  margin-right: 70px !important; }
.ml_75 { margin-left: 0 !important;  margin-right: 75px !important; }
.ml_100 { margin-left: 0 !important; margin-right: 100px !important; }
.ml_170 { margin-left: 0 !important; margin-right: 170px !important; }
.mr_60 { margin-right: 0 !important; margin-left: 60px !important; }
.mr_30 { margin-right: 0 !important; margin-left: 30px !important; }
.pl_95 { padding-left: 0 !important; padding-right: 95px !important; }
.pr_95 { padding-right: 0 !important; padding-left: 95px !important; }

@media only screen and (max-width: 991px) {
  .ml_100, .ml_170, .ml_70, .ml_75 {
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .pl_95, .pr_95 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}


/* ── 34. Row direction override ─────────────────────────── */
.row.clearfix {
  direction: rtl;
}


/* ── 35. اصلاح dropdown position ────────────────────────── */
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
  direction: rtl;
  text-align: right;
}


/* ── 36. Preloader (بدون تغییر جهت) ─────────────────────── */
.handle-preloader .animation-preloader .txt-loading {
  direction: ltr;
}


/* ── 37. Nice Select RTL ─────────────────────────────────── */
.nice-select {
  direction: rtl;
  text-align: right;
  padding-left: 30px;
  padding-right: 18px;
}

.nice-select:after {
  left: 12px;
  right: auto;
}

.nice-select .list {
  direction: rtl;
  text-align: right;
}


/* ── 38. OWL Carousel ───────────────────────────────────── */
.owl-carousel {
  direction: ltr;
}

.owl-carousel .owl-item {
  direction: rtl;
}


/* ── 39. Info list در هدر سایدبار ───────────────────────── */
.sidebar-info-contents .info-box ul.info li {
  padding-left: 0;
  padding-right: 40px;
  text-align: right;
}

.sidebar-info-contents .info-box ul.info li .icon {
  left: auto;
  right: 0;
  top: 3px;
}


/* ── 40. Subscribe form در سایدبار ──────────────────────── */
.subscribe-inner form .form-group {
  direction: rtl;
}

.subscribe-inner form .form-group input {
  text-align: right;
  padding-right: 15px;
  padding-left: 145px;
}

.subscribe-inner form .form-group button {
  left: 0;
  right: auto;
}


/* ── 41. لینک "more" ────────────────────────────────────── */
.read-more i {
  margin-left: 0;
  margin-right: 5px;
  transform: scaleX(-1);
}


/* ── 42. Preloader close button ─────────────────────────── */
.preloader-close {
  right: auto;
  left: 30px;
}


/* ── 43. Error section ──────────────────────────────────── */
.error-section {
  direction: rtl;
  text-align: center;
}


/* ── 44. Project details sidebar ────────────────────────── */
.project-sidebar {
  text-align: right;
}

.project-sidebar .info-list li strong {
  margin-right: 0;
  margin-left: 5px;
}


/* ── 45. Blog sidebar ───────────────────────────────────── */
.blog-sidebar .categories-list li a {
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
}

.blog-sidebar .categories-list li a:before {
  left: auto;
  right: 0;
}


@media (max-width: 560px) {
    .working-block-one .inner-box {
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}