/* Arapça (dir="rtl") için temel ayna kuralları.
   style.css physical property (margin-left/right, text-align: left/right) kullandığı için
   burada en yüksek-etki noktalarını override ediyoruz. Logical property'ye geçiş
   ileride yapılabilir (margin-inline-start vs.). */

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

html[dir="rtl"] body {
    text-align: right;
    font-family: 'Outfit', 'Tajawal', 'Cairo', sans-serif;
}

/* --- Navbar --- */
html[dir="rtl"] .nav-container {
    flex-direction: row-reverse;
}
html[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}
html[dir="rtl"] .logo {
    flex-direction: row-reverse;
}
html[dir="rtl"] .logo img {
    margin-left: 0.6rem;
    margin-right: 0;
}
html[dir="rtl"] .lang-switcher {
    margin-right: auto;
    margin-left: 0;
}

/* --- Genel layout --- */
html[dir="rtl"] .container,
html[dir="rtl"] .row {
    text-align: right;
}

/* --- Kartlar --- */
html[dir="rtl"] .card,
html[dir="rtl"] .listing-card,
html[dir="rtl"] .service-card,
html[dir="rtl"] .blog-card {
    text-align: right;
}
html[dir="rtl"] .card .icon,
html[dir="rtl"] .service-card .icon {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* --- Formlar --- */
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}
html[dir="rtl"] .form-control {
    text-align: right;
}

/* --- WhatsApp Float (sağ alt → sol alt) --- */
html[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 1.5rem;
}

/* --- Footer --- */
html[dir="rtl"] .footer .row,
html[dir="rtl"] .footer-grid {
    text-align: right;
}
html[dir="rtl"] .footer ul {
    padding-right: 0;
    padding-left: 0;
}

/* --- Listeler --- */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

/* --- İçerik prose tipografi (blog/about body) --- */
html[dir="rtl"] .blog-body,
html[dir="rtl"] .about-body,
html[dir="rtl"] .listing-description {
    text-align: right;
    line-height: 1.9;
}

/* --- Font Awesome rotated icons (chevron-left/right gibi yönlü olanlar) --- */
html[dir="rtl"] .fa-chevron-left::before { content: "\f054"; } /* right */
html[dir="rtl"] .fa-chevron-right::before { content: "\f053"; } /* left */
html[dir="rtl"] .fa-arrow-left::before { content: "\f061"; } /* arrow-right */
html[dir="rtl"] .fa-arrow-right::before { content: "\f060"; } /* arrow-left */

/* --- Butonların margin yönü --- */
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .btn-secondary {
    margin-right: 0;
    margin-left: 0.5rem;
}