/* 
RTL (Right-to-Left) Styles for Arabic Language
PARLATEK METALURJİ
*/

/* Base RTL Settings */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

/* Navbar RTL */
html[dir="rtl"] .nav-container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .logo-container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-links a::after {
    left: auto;
    right: 0;
}

html[dir="rtl"] .lang-selector {
    margin-left: 0;
    margin-right: 1.5rem;
    padding-left: 0;
    padding-right: 1.5rem;
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

html[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

/* Fixed Social Bar RTL */
html[dir="rtl"] .fixed-social-bar {
    right: auto;
    left: 1.5rem;
}

html[dir="rtl"] .social-icon:hover {
    transform: translateX(5px) scale(1.1);
}

/* Hero RTL */
html[dir="rtl"] .hero-content {
    direction: rtl;
}

html[dir="rtl"] .hero-text {
    text-align: right;
}

html[dir="rtl"] .hero-cta {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .btn-primary i,
html[dir="rtl"] .btn-secondary i {
    transform: rotate(180deg);
}

/* About RTL */
html[dir="rtl"] .about-content {
    direction: rtl;
}

html[dir="rtl"] .about-text {
    text-align: right;
}

html[dir="rtl"] .feature-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .experience-badge {
    right: auto;
    left: 2rem;
}

html[dir="rtl"] .value-card {
    text-align: right;
}

/* Services RTL */
html[dir="rtl"] .service-card {
    text-align: right;
}

html[dir="rtl"] .service-features li {
    flex-direction: row-reverse;
}

/* Sectors RTL */
html[dir="rtl"] .sector-tabs {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sector-description {
    text-align: right;
}

html[dir="rtl"] .sector-features {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .sector-feature-tag {
    flex-direction: row-reverse;
}

html[dir="rtl"] .experts-grid {
    direction: rtl;
}

html[dir="rtl"] .expert-card {
    text-align: right;
}

/* Projects RTL */
html[dir="rtl"] .project-content {
    text-align: right;
}

/* Blog RTL */
html[dir="rtl"] .blog-category {
    left: auto;
    right: 1rem;
}

html[dir="rtl"] .blog-content {
    text-align: right;
}

html[dir="rtl"] .blog-date {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .blog-link {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog-link i {
    transform: rotate(180deg);
}

html[dir="rtl"] .blog-link:hover i {
    transform: translateX(-5px) rotate(180deg);
}

/* Swiper RTL */
html[dir="rtl"] .swiper {
    direction: rtl;
}

html[dir="rtl"] .swiper-button-prev {
    right: 10px;
    left: auto;
}

html[dir="rtl"] .swiper-button-next {
    left: 10px;
    right: auto;
}

/* Contact RTL */
html[dir="rtl"] .contact-container {
    direction: rtl;
}

html[dir="rtl"] .contact-info {
    text-align: right;
}

html[dir="rtl"] .contact-details li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .contact-details li > div {
    text-align: right;
}

html[dir="rtl"] .contact-form {
    text-align: right;
}

/* Footer RTL */
html[dir="rtl"] .footer-content {
    direction: rtl;
}

html[dir="rtl"] .footer-info {
    text-align: right;
}

html[dir="rtl"] .footer-links {
    text-align: right;
}

html[dir="rtl"] .footer-links a:hover {
    padding-left: 0;
    padding-right: 5px;
}

/* Blog Page RTL */
html[dir="rtl"] .blog-post-meta {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] .blog-post-meta span {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog-post-content {
    text-align: right;
}

html[dir="rtl"] .blog-post-content ul,
html[dir="rtl"] .blog-post-content ol {
    padding-left: 0;
    padding-right: 1.5rem;
}

html[dir="rtl"] .blog-back-link {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog-back-link i {
    transform: rotate(180deg);
}

/* Mobile Menu RTL */
@media (max-width: 768px) {
    html[dir="rtl"] .nav-links {
        right: auto;
        left: -100%;
    }
    
    html[dir="rtl"] .nav-links.active {
        left: 0;
    }
    
    html[dir="rtl"] .nav-links a {
        text-align: right;
    }
}

/* Section Headers RTL */
html[dir="rtl"] .section-header {
    text-align: center;
}

/* Lists RTL */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 0;
}