/* RTL CSS for Softme Theme - IT3S.net Arabic Support */

/* Base RTL Setup */
body.rtl {
    direction: rtl;
    text-align: right;
}

/* Header and Navigation */
.rtl .site-header {
    direction: rtl;
}

.rtl .navbar-brand {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

.rtl .navbar-nav {
    float: right;
}

.rtl .navbar-nav > li {
    float: right;
}

.rtl .navbar-nav > li > a {
    text-align: right;
}

/* Contact Info in Header */
.rtl .contact-info {
    float: left;
    text-align: left;
}

.rtl .contact-info .contact-item {
    margin-left: 0;
    margin-right: 20px;
}

/* Hero Section */
.rtl .hero-section h1,
.rtl .hero-section h2,
.rtl .hero-section p {
    text-align: right;
}

.rtl .hero-content {
    text-align: right;
}

.rtl .btn {
    margin-left: 10px;
    margin-right: 0;
}

/* Services Grid */
.rtl .services-grid .service-item {
    text-align: right;
}

.rtl .service-item h3 {
    text-align: right;
}

.rtl .service-item p {
    text-align: right;
}

.rtl .service-icon {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

/* Content Sections */
.rtl .section-title {
    text-align: right;
}

.rtl .content-block {
    text-align: right;
}

.rtl .feature-list li {
    text-align: right;
    padding-right: 30px;
    padding-left: 0;
}

.rtl .feature-list li:before {
    right: 0;
    left: auto;
}

/* Footer */
.rtl .footer-widget {
    text-align: right;
}

.rtl .footer-menu li {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

/* Specific IT3S Elements */
.rtl .about-section {
    text-align: right;
}

.rtl .team-member {
    text-align: right;
}

.rtl .solution-item {
    text-align: right;
}

/* Forms */
.rtl input[type="text"],
.rtl input[type="email"],
.rtl textarea {
    text-align: right;
    direction: rtl;
}

.rtl .form-group label {
    float: right;
}

/* Breadcrumbs */
.rtl .breadcrumb {
    float: right;
}

.rtl .breadcrumb li {
    float: right;
}

.rtl .breadcrumb li + li:before {
    padding-right: 5px;
    padding-left: 0;
    content: "\\";
}

/* Blog/News Section */
.rtl .blog-post {
    text-align: right;
}

.rtl .post-meta {
    text-align: right;
}

.rtl .read-more {
    float: right;
}

/* Language Switcher Positioning */
.rtl .polylang-switcher {
    float: left;
    margin-top: 10px;
}

/* Mobile Responsive RTL */
@media (max-width: 768px) {
    .rtl .navbar-nav {
        float: none;
        text-align: right;
    }
    
    .rtl .contact-info {
        float: none;
        text-align: right;
        margin-top: 10px;
    }
    
    .rtl .hero-section {
        text-align: right;
    }
}

/* Arabic Font Optimization */
.rtl {
    font-family: 'Noto Sans Arabic', 'Arial', sans-serif;
}

.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    font-family: 'Noto Sans Arabic', 'Arial', sans-serif;
    font-weight: 600;
}

/* Ensure technical terms remain left-to-right when needed */
.rtl .tech-term {
    direction: ltr;
    display: inline-block;
}

/* Fix any potential layout issues */
.rtl .clearfix:after {
    clear: both;
}

.rtl .pull-left {
    float: right !important;
}

.rtl .pull-right {
    float: left !important;
}

/* Animation adjustments for RTL */
.rtl .slide-in-left {
    animation: slide-in-right 0.5s ease-in-out;
}

.rtl .slide-in-right {
    animation: slide-in-left 0.5s ease-in-out;
}


/* Move pattern-2 div to left in RTL mode */
.rtl .dt_uptop,
.rtl .pattern-2 {
    float: left;
    left: 0;
    right: auto;
    margin-left: 20px;
}

/* Hide dt_header-widget in Arabic language only */
.rtl .dt_header-widget {
    display: none !important;
}

.rtl a[href^="tel:"] span,
.rtl .contact__body,
.rtl .dt-btn-text{
	direction: ltr;
	display: inline-block;
}


/* Remove underline and hover dash in aside widget_nav_menu */
.rtl aside.widget_nav_menu a {
    text-decoration: none !important;
    position: relative;
}

.rtl aside.widget_nav_menu a::before {
    content: none !important; /* Remove dash before text if it's using ::before for styling */
}

.rtl aside.widget_nav_menu a:hover::before {
    content: none !important;
}

.rtl aside.widget_nav_menu a {
    display: inline-block;
    transform: translateX(-0.6em); /* move left by approx one character */
}


.rtl aside.widget_nav_menu a:hover {
    transform: translateX(3px) !important;
    transition: transform 0.2s ease !important;
}

.rtl .phone-ar {
	direction: ltr;
        display: inline-block;	
}