/* RTL (Right-to-Left) Specific Styles */
/* ===================================== */

/* RTL Typography and Layout */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

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

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

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

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

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

/* RTL Grid Adjustments */
html[dir="rtl"] .dimensions-grid,
html[dir="rtl"] .areas-grid,
html[dir="rtl"] .links-grid {
    direction: rtl;
}

/* RTL Forms */
html[dir="rtl"] .form-group {
    text-align: right;
}

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

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

html[dir="rtl"] .content-placeholder ul {
    text-align: right;
    padding-right: 1.5rem;
}

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

html[dir="rtl"] .footer-section ul {
    margin-right: 0;
}

/* RTL Responsive Design */
@media (max-width: 768px) {
    html[dir="rtl"] .hero-container {
        flex-direction: column;
    }
    
    html[dir="rtl"] .hero-buttons {
        flex-direction: column;
    }
}