/* ============================================================
   Aysa Yapı — Arabic RTL (Right-to-Left) Stylesheet
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap');

html[dir="rtl"] body {
    font-family: 'Cairo', 'Plus Jakarta Sans', sans-serif;
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] h1, 
html[dir="rtl"] h2, 
html[dir="rtl"] h3, 
html[dir="rtl"] h4, 
html[dir="rtl"] h5, 
html[dir="rtl"] h6,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .section-title {
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

html[dir="rtl"] .hero-container,
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .hero-desc {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

html[dir="rtl"] .hero-controls {
    right: auto;
    left: 60px;
}

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

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

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

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

html[dir="rtl"] .footer-links li a::before {
    display: none;
}