/*
Theme Name: Nilab Faravar Asia
RTL Version: 1.0
*/

/* ============================================
   فونت و جهت کلی برای زبان فارسی
   ============================================ */
html[lang="fa-IR"] body,
html[lang="fa-IR"] *:not([class*="fa"]):not([class*="icon"]) {
    font-family: 'iransans', Tahoma, sans-serif !important;
}

html[lang="fa-IR"] body {
    direction: rtl;
    unicode-bidi: embed;
}

/* ============================================
   معکوس کردن کلاس های اصلی بوت استرپ
   ============================================ */
html[lang="fa-IR"] .text-start {
    text-align: right !important;
}
html[lang="fa-IR"] .text-end {
    text-align: left !important;
}
html[lang="fa-IR"] .text-left {
    text-align: right !important;
}
html[lang="fa-IR"] .text-right {
    text-align: left !important;
}

html[lang="fa-IR"] .float-start {
    float: right !important;
}
html[lang="fa-IR"] .float-end {
    float: left !important;
}

/* ============================================
   معکوس کردن کلاس های margin و padding بوت استرپ ۵
   ============================================ */
/* Margins */
html[lang="fa-IR"] .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
html[lang="fa-IR"] .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
html[lang="fa-IR"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
html[lang="fa-IR"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
html[lang="fa-IR"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }
html[lang="fa-IR"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }
html[lang="fa-IR"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }

/* Paddings */
html[lang="fa-IR"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
html[lang="fa-IR"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
html[lang="fa-IR"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
html[lang="fa-IR"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
html[lang="fa-IR"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
html[lang="fa-IR"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
html[lang="fa-IR"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
html[lang="fa-IR"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
html[lang="fa-IR"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }
html[lang="fa-IR"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* ============================================
   اصلاح بخش های خاص قالب شما
   ============================================ */

/* کلاس socials */
html[lang="fa-IR"] .col-lg-6.col-md-12.socials {
    text-align: left;
}

/* کلاس top-bar .text-right */
html[lang="fa-IR"] .top-bar .text-right {
    text-align: left;
}

/* کلاس contact-box */
html[lang="fa-IR"] .contact-box {
    left: 5%;
    right: 5%;
}

/* فاصله گذاری آیتم های لیست در top-bar و footer */
html[lang="fa-IR"] .top-bar ul li:not(:last-child),
html[lang="fa-IR"] footer ul li:not(:last-child) {
    padding-left: 16px;
    padding-right: 0;
}

/* فاصله گذاری آیتم های منوی ناوبری */
html[lang="fa-IR"] .navbar ul.navbar-nav > li:not(:last-child) {
    padding-left: 16px;
    padding-right: 0;
}

/* منوی کشویی */
html[lang="fa-IR"] ul#primary-menu li ul li {
    text-align: right;
}

/* ============================================
   اصلاح border-left به border-right در کلاس های خاص
   ============================================ */
html[lang="fa-IR"] .service-title {
    border-left: none;
    border-right: 4px solid #e67e22;
    padding-left: 0;
    padding-right: 1rem;
}

html[lang="fa-IR"] .consumer-card {
    border-left: none;
    border-right: 4px solid #e67e22;
}

/* ============================================
   معکوس کردن انیمیشن آیکون چرخان در هدر
   ============================================ */
html[lang="fa-IR"] .hero-company::before {
    right: auto;
    left: 60px;
    animation: loader-rtl 10s infinite;
}

@keyframes loader-rtl {
    0% { rotate: 0deg; }
    100% { rotate: -180deg; }
}

/* ============================================
   اصلاح کلاس های project-card و news-card در RTL
   ============================================ */
html[lang="fa-IR"] .project-card .fade-in-item.is-visible {
    padding-left: 0;
    padding-right: 0;
}

html[lang="fa-IR"] .news-card.fade-in-item.is-visible {
    padding: 0 !important;
}

/* ============================================
   اصلاح hover effect consumer-card در RTL
   ============================================ */
html[lang="fa-IR"] .consumer-card:hover {
    transform: translateX(-5px);
}

/* ============================================
   اصلاح کلاس های دکمه و آیکون های اجتماعی
   ============================================ */
html[lang="fa-IR"] .social-icon-link {
    margin-left: 0;
    margin-right: 4px;
}

.dropdown-menu[data-bs-popper] {
    left: inherit !important;
    right: 0;
}

[dir="rtl"] .border-start {
  border-left: none !important;
  border-right: 4px solid rgb(230, 126, 34) !important;
}