/* RTL Styles for Persian (fa), Arabic (ar), and Urdu (ur) languages */

/* Arabic-script friendly fonts */
.rtl body,
.rtl input,
.rtl textarea,
.rtl button,
.rtl select,
.rtl .font_family_poppins,
.rtl .font_family_jost,
.rtl .font_family_inter,
.rtl .font_family_oxygen,
.rtl .font_family_muli,
.rtl .font_family_mulish,
.rtl .font_family_spartan {
    font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

/* Base RTL styles */
.rtl {
    direction: rtl;
    text-align: right;
}

.rtl .ltr-content {
    direction: ltr;
    text-align: left;
}

/* Header RTL styles */
.rtl .main-header .header-lower .outer-box {
    direction: rtl;
}

.rtl .main-header .logo-box {
    float: right;
}

.rtl .main-header .menu-area {
    float: left;
}

.rtl .main-menu .navigation > li {
    float: right;
}

.rtl .main-menu .navigation > li > a {
    text-align: right;
}

.rtl .main-menu .navigation > li.dropdown .dropdown-btn {
    left: 15px;
    right: auto;
}

.rtl .main-menu .navigation > li.dropdown ul {
    left: 0;
    right: auto;
    text-align: right;
}

.rtl .main-menu .navigation > li.dropdown ul li a {
    text-align: right;
    padding-right: 20px;
    padding-left: 15px;
}

/* Hero section RTL */
.rtl .banner-four .content-box h1 {
    text-align: right;
}

.rtl .banner-four .content-box p {
    text-align: right;
}

.rtl .banner-four .btn-box {
    justify-content: flex-end;
}

/* Fix banner shapes in RTL */
.rtl .banner-four .shape .shape-1 {
    transform: rotateY(180deg) !important;
    right: auto !important;
    left: 0 !important;
    top: 0 !important;
}

.rtl .banner-four .shape .shape-2 {
    right: auto !important;
    left: 0 !important;
    top: 0 !important;
}

.rtl .banner-four .shape .shape-3 {
    right: auto !important;
    left: 20px !important;
}

.rtl .banner-four .shape .shape-4 {
    right: auto !important;
    left: 40px !important;
}

.rtl .banner-four .shape .shape-5 {
    right: auto !important;
    left: 60px !important;
}

/* About section RTL - keep centered */
.rtl .about-14 .sec-title-ten {
    text-align: center;
}

.rtl .about-14 .content-box .text p {
    text-align: right;
}

.rtl .about-14 .list-style-two li {
    text-align: right;
    padding-right: 30px;
    padding-left: 0;
}

.rtl .about-14 .list-style-two li:before {
    right: 0;
    left: auto;
}

/* Tools section RTL - keep centered */
.rtl .service-14 .sec-title-ten {
    text-align: center;
}

.rtl .service-14 .service-block-11 .inner-box {
    padding-right: 150px;
    padding-left: 30px;
}

.rtl .service-14 .service-block-11 .icon-box {
    right: 50px;
    left: auto;
}

.rtl .service-14 .service-block-11 h3 {
    text-align: right;
}

.rtl .service-14 .service-block-11 p {
    text-align: right;
}

/* Features section RTL */
.rtl .feature-11 .sec-title-ten {
    text-align: center;
}

.rtl .feature-11 .feature-block-11 h3 {
    text-align: right;
}

.rtl .feature-11 .feature-block-11 p {
    text-align: right;
}

/* Experience section - Force LTR (بهترین تجربه) */
.rtl .screenshot-section {
    direction: ltr !important;
}

.rtl .screenshot-section .sec-title-ten,
.rtl .screenshot-section .sec-title-ten h2,
.rtl .screenshot-section .sec-title-ten .sub-title,
.rtl .screenshot-section .sec-title-ten p {
    direction: ltr !important;
    text-align: left !important;
}

/* Blog section RTL */
.rtl .news-14 .sec-title-ten {
    text-align: center;
}

.rtl .news-14 .news-block-one h4 {
    text-align: right;
}

.rtl .news-14 .news-block-one p {
    text-align: right;
}

/* Footer RTL */
.rtl .footer-14 .footer-widget h4 {
    text-align: right;
}

.rtl .footer-14 .about-widget p {
    text-align: right !important;
}

.rtl .footer-14 .links-widget ul li {
    text-align: right;
}

.rtl .footer-14 .links-widget ul li a {
    text-align: right;
}

.rtl .footer-14 .contact-widget ul li {
    text-align: right;
}

.rtl .footer-14 .contact-widget ul li a {
    text-align: right;
}

/* Fix social media icons in RTL */
.rtl .footer-14 .footer-social-three {
    direction: rtl !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    flex-wrap: wrap;
}

.rtl .footer-14 .footer-social-three li {
    margin-left: 0 !important;
    margin-right: 10px !important;
    display: inline-block;
}

.rtl .footer-14 .footer-social-three li:first-child {
    margin-right: 0 !important;
}

.rtl .footer-14 .footer-social-three li:last-child {
    margin-right: 10px !important;
}

.rtl .footer-14 .copyright {
    text-align: center;
}

/* Subscribe section RTL */
.rtl .subscribe-one h2 {
    text-align: right;
}

.rtl .subscribe-one .form-group {
    direction: ltr; /* Keep form LTR for better UX */
}

/* Mobile menu RTL */
.rtl .mobile-menu .menu-box {
    direction: rtl;
}

.rtl .mobile-menu .nav-logo {
    text-align: right;
}

/* Language selector RTL adjustments */
.rtl .lang-selector {
    margin-right: 20px;
    margin-left: 0;
}

/* Sticky header RTL */
.rtl .sticky-header .outer-box {
    direction: rtl;
}

.rtl .sticky-header .logo-box {
    float: right;
}

.rtl .sticky-header .menu-area {
    float: left;
}

/* Responsive adjustments for RTL */
@media (max-width: 991px) {
    .rtl .main-header .logo-box {
        float: none;
        text-align: right;
    }
    
    .rtl .main-header .menu-area {
        float: none;
    }
    
    .rtl .banner-four .content-box {
        text-align: right;
    }
    
    .rtl .service-14 .service-block-11 .inner-box {
        padding-right: 30px;
        padding-left: 30px;
        text-align: right;
    }
    
    .rtl .service-14 .service-block-11 .icon-box {
        position: relative;
        right: auto;
        left: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .rtl .about-14 .content-box {
        margin-right: 0;
        margin-left: 0;
    }
    
    .rtl .footer-14 .footer-widget {
        margin-right: 0;
        margin-left: 0;
        text-align: right;
    }
    
    /* Fix social icons on mobile RTL */
    .rtl .footer-14 .footer-social-three {
        justify-content: center !important;
        text-align: center;
    }
    
    .rtl .footer-14 .footer-social-three li {
        margin: 0 5px !important;
    }
    
    .rtl .subscribe-one .inner-container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

/* Ensure centered content stays centered */
.rtl .centred,
.rtl .text-center {
    text-align: center !important;
}

/* Fix for specific elements that should remain LTR */
.rtl .ltr-force {
    direction: ltr !important;
    text-align: left !important;
}

/* Email and URL inputs should remain LTR */
.rtl input[type="email"],
.rtl input[type="url"],
.rtl input[type="tel"] {
    direction: ltr;
    text-align: left;
}
/* 
Additional fixes for footer social icons in RTL */
.rtl .footer-14 .contact-widget .footer-social-three {
    direction: rtl !important;
    text-align: right !important;
}

.rtl .footer-14 .contact-widget .footer-social-three li {
    float: right !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.rtl .footer-14 .contact-widget .footer-social-three li:first-child {
    margin-right: 0 !important;
}

.rtl .footer-14 .contact-widget .footer-social-three li a {
    display: inline-block;
    text-align: center;
}

/* Ensure proper spacing and alignment */
.rtl .footer-14 .contact-widget .info-list {
    text-align: right !important;
    direction: rtl;
}

.rtl .footer-14 .contact-widget .info-list li {
    text-align: right !important;
}

.rtl .footer-14 .contact-widget .info-list li a {
    text-align: right !important;
    direction: ltr; /* Keep email LTR for readability */
    display: inline-block;
}

/* Fix for widget content alignment */
.rtl .footer-14 .contact-widget .widget-content {
    text-align: right !important;
    direction: rtl;
}

.rtl .footer-14 .contact-widget .widget-content ul {
    text-align: right !important;
}/* Addi
tional banner shapes positioning for RTL */
.rtl .banner-four .shape .shape-6 {
    right: auto !important;
    left: 80px !important;
}

.rtl .banner-four .shape .shape-7 {
    right: auto !important;
    left: 100px !important;
}

.rtl .banner-four .shape .shape-8 {
    right: auto !important;
    left: 120px !important;
}

.rtl .banner-four .shape .shape-9 {
    right: auto !important;
    left: 140px !important;
}

.rtl .banner-four .shape .shape-10 {
    right: auto !important;
    left: 160px !important;
}

.rtl .banner-four .shape .shape-11 {
    right: auto !important;
    left: 180px !important;
}

.rtl .banner-four .shape .shape-12 {
    right: auto !important;
    left: 200px !important;
}

/* General shape positioning fix for RTL */
.rtl .banner-four .shape [class*="shape-"] {
    right: auto !important;
}

/* Responsive adjustments for shapes in RTL */
@media (max-width: 991px) {
    .rtl .banner-four .shape .shape-3,
    .rtl .banner-four .shape .shape-4,
    .rtl .banner-four .shape .shape-5 {
        left: 10px !important;
    }
}

@media (max-width: 767px) {
    .rtl .banner-four .shape .shape-2,
    .rtl .banner-four .shape .shape-3,
    .rtl .banner-four .shape .shape-4,
    .rtl .banner-four .shape .shape-5 {
        left: 5px !important;
    }
}
