/**
 * RTL (Right-to-Left) Stilleri
 * Arapça ve diğer RTL dilleri için
 */

/* Genel RTL */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Header */
[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .search-box {
    flex-direction: row-reverse;
}

[dir="rtl"] .search-box input {
    text-align: right;
    padding-left: 10px;
    padding-right: 40px;
}

[dir="rtl"] .search-box button {
    left: auto;
    right: 0;
}

/* Sidebar */
[dir="rtl"] .sidebar-left {
    order: 2;
    border-left: 1px solid var(--border-color);
    border-right: none;
}

[dir="rtl"] .sidebar-right {
    order: 0;
    border-right: 1px solid var(--border-color);
    border-left: none;
}

[dir="rtl"] .main-content {
    order: 1;
}

[dir="rtl"] .nav-item a {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .nav-item a span:first-child {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Hero Section */
[dir="rtl"] .hero-header {
    flex-direction: row-reverse;
    text-align: right;
}

/* Cards */
[dir="rtl"] .card-header {
    text-align: right;
}

[dir="rtl"] .weather-detail-item {
    text-align: right;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

[dir="rtl"] .breadcrumb-separator {
    transform: rotate(180deg);
}

/* Weather Components */
[dir="rtl"] .weather-main {
    flex-direction: row-reverse;
}

[dir="rtl"] .weather-details {
    text-align: right;
}

[dir="rtl"] .hourly-forecast {
    flex-direction: row-reverse;
}

[dir="rtl"] .daily-item {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .daily-temps {
    flex-direction: row-reverse;
}

/* Related Links */
[dir="rtl"] .related-link {
    flex-direction: row-reverse;
}

[dir="rtl"] .related-link span:first-child {
    margin-right: 0;
    margin-left: var(--spacing-sm);
}

/* Filter Row */
[dir="rtl"] .filter-row {
    flex-direction: row-reverse;
}

/* Search Results */
[dir="rtl"] .search-result-item {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .result-coords {
    text-align: left;
}

/* Alerts */
[dir="rtl"] .alert-header {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .alert-meta {
    flex-direction: row-reverse;
}

/* History */
[dir="rtl"] .history-summary {
    flex-direction: row-reverse;
}

[dir="rtl"] .summary-temps {
    flex-direction: row-reverse;
}

[dir="rtl"] .comparison-table th,
[dir="rtl"] .comparison-table td {
    text-align: right;
}

/* Language Switcher */
[dir="rtl"] .lang-dropdown {
    left: 0;
    right: auto;
}

[dir="rtl"] .lang-option {
    flex-direction: row-reverse;
}

/* Emergency Numbers */
[dir="rtl"] .emergency-item {
    flex-direction: row-reverse;
    text-align: right;
}

/* Footer */
[dir="rtl"] .footer-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-links a {
    margin-left: var(--spacing-md);
    margin-right: 0;
}

[dir="rtl"] .footer-links a::after {
    margin-left: 0;
    margin-right: var(--spacing-md);
}

/* Info Box */
[dir="rtl"] .info-box {
    text-align: right;
}

[dir="rtl"] .info-box ul {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

/* Popular Cities */
[dir="rtl"] .popular-cities {
    flex-direction: row-reverse;
}

[dir="rtl"] .popular-city {
    flex-direction: row-reverse;
}

/* Magnitude Scale */
[dir="rtl"] .magnitude-scale {
    flex-direction: row-reverse;
}

/* Quick Dates */
[dir="rtl"] .quick-dates {
    flex-direction: row-reverse;
}

/* Date Selector */
[dir="rtl"] .date-selector-form {
    flex-direction: row-reverse;
}

/* Widgets */
[dir="rtl"] .widget-header {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .widget-item {
    flex-direction: row-reverse;
    text-align: right;
}

/* Sun Moon */
[dir="rtl"] .sun-moon-item {
    flex-direction: row-reverse;
}

/* Marine */
[dir="rtl"] .wave-item {
    text-align: right;
}

/* AQI */
[dir="rtl"] .aqi-details {
    text-align: right;
}

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

/* Modals */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-close {
    left: var(--spacing-md);
    right: auto;
}

/* Form elements */
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
    text-align: right;
}

[dir="rtl"] select {
    background-position: left 10px center;
    padding-left: 30px;
    padding-right: 10px;
}

/* Tables */
[dir="rtl"] table {
    direction: rtl;
}

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: var(--spacing-lg);
    padding-left: 0;
}

/* Margins and Paddings - swap left/right */
[dir="rtl"] .ml-sm { margin-right: var(--spacing-sm); margin-left: 0; }
[dir="rtl"] .mr-sm { margin-left: var(--spacing-sm); margin-right: 0; }
[dir="rtl"] .ml-md { margin-right: var(--spacing-md); margin-left: 0; }
[dir="rtl"] .mr-md { margin-left: var(--spacing-md); margin-right: 0; }
[dir="rtl"] .pl-sm { padding-right: var(--spacing-sm); padding-left: 0; }
[dir="rtl"] .pr-sm { padding-left: var(--spacing-sm); padding-right: 0; }
[dir="rtl"] .pl-md { padding-right: var(--spacing-md); padding-left: 0; }
[dir="rtl"] .pr-md { padding-left: var(--spacing-md); padding-right: 0; }

/* Animations */
[dir="rtl"] .search-result-item:hover {
    transform: translateX(-5px);
}

[dir="rtl"] .related-link:hover {
    transform: translateX(-2px) translateY(-2px);
}
