/* Visit Qatar - RTL Support and Multi-language Character Fix */

/* Turkish Font Support */
[lang="tr"] {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    line-height: 1.6;
}

[lang="tr"] h1,
[lang="tr"] h2,
[lang="tr"] h3,
[lang="tr"] h4,
[lang="tr"] h5,
[lang="tr"] h6 {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

/* Turkish text in forms */
[lang="tr"] input,
[lang="tr"] textarea,
[lang="tr"] select {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    direction: ltr;
    text-align: left;
}

/* Turkish text in buttons */
[lang="tr"] .btn {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in navigation */
[lang="tr"] .nav-link {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in hero */
[lang="tr"] .hero-title {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
}

[lang="tr"] .hero-subtitle {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in sections */
[lang="tr"] .section-title {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

[lang="tr"] .section-subtitle {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in cards */
[lang="tr"] .card-title {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

[lang="tr"] .card-text {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in forms */
[lang="tr"] .form-label {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 500;
}

/* Turkish text in buttons */
[lang="tr"] .btn {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 500;
}

/* Turkish text in footer */
[lang="tr"] .footer-section h4 {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

[lang="tr"] .footer-section p {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

[lang="tr"] .footer-section a {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Turkish text in admin panel */
[lang="tr"] .admin-content {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

[lang="tr"] .admin-title {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

[lang="tr"] .admin-text {
    font-family: 'Inter', 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* Ensure proper Turkish text wrapping */
[lang="tr"] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Turkish text alignment */
[lang="tr"] {
    text-align: left;
}

[lang="tr"] .text-center {
    text-align: center;
}

[lang="tr"] .text-left {
    text-align: left;
}

[lang="tr"] .text-right {
    text-align: right;
}

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

[dir="rtl"] .container {
    direction: rtl;
}

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

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

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

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

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

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

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

[dir="rtl"] .social-links {
    justify-content: flex-end;
}

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

[dir="rtl"] .lang-dropdown a {
    text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea,
[dir="rtl"] .form-group select {
    text-align: right;
}

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

[dir="rtl"] .location-stats {
    direction: rtl;
}

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

[dir="rtl"] .action-buttons {
    direction: rtl;
}

[dir="rtl"] .quick-actions {
    text-align: right;
}

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

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

[dir="rtl"] .location-filters {
    justify-content: center;
}

[dir="rtl"] .filter-btn {
    text-align: center;
}

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

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

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

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

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

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

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

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

[dir="rtl"] .cta-content {
    text-align: center;
}

[dir="rtl"] .cta-buttons {
    justify-content: center;
}

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

[dir="rtl"] .section-header {
    text-align: center;
}

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

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

[dir="rtl"] .feature-list {
    text-align: right;
}

[dir="rtl"] .feature-list li {
    text-align: right;
}

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

[dir="rtl"] .culture-features {
    direction: rtl;
}

/* Arabic Font Support */
[dir="rtl"] body {
    font-family: 'Inter', 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

[dir="rtl"] .hero-title,
[dir="rtl"] .section-title,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Inter', 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

/* RTL Navigation */
[dir="rtl"] .nav-menu a {
    margin-left: 0;
    margin-right: 30px;
}

[dir="rtl"] .nav-menu a:last-child {
    margin-right: 0;
}

/* RTL Language Switcher */
[dir="rtl"] .lang-content {
    flex-direction: row-reverse;
}

[dir="rtl"] .lang-label {
    margin-left: 10px;
    margin-right: 0;
}

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

[dir="rtl"] .btn {
    text-align: center;
}

/* RTL Cards */
[dir="rtl"] .card-header {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .stat-icon {
    margin-left: 20px;
    margin-right: 0;
}

/* RTL Tables */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* RTL Modals */
[dir="rtl"] .modal-content {
    text-align: right;
}

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

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

/* RTL Admin Panel */
[dir="rtl"] .sidebar {
    right: 0;
    left: auto;
}

[dir="rtl"] .main-content {
    margin-right: var(--sidebar-width);
    margin-left: 0;
}

[dir="rtl"] .sidebar.collapsed + .main-content {
    margin-right: var(--sidebar-collapsed-width);
    margin-left: 0;
}

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

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

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

[dir="rtl"] .nav-item {
    flex-direction: row-reverse;
    border-right: 3px solid transparent;
    border-left: none;
}

[dir="rtl"] .nav-item:hover,
[dir="rtl"] .nav-item.active {
    border-right-color: var(--white);
    border-left-color: transparent;
}

[dir="rtl"] .nav-item i {
    margin-left: 15px;
    margin-right: 0;
}

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

[dir="rtl"] .logout-btn i {
    margin-left: 15px;
    margin-right: 0;
}

/* RTL Map */
[dir="rtl"] .map-container {
    direction: ltr; /* Maps should always be LTR */
}

[dir="rtl"] .location-filters {
    direction: rtl;
}

[dir="rtl"] .filter-btn {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .filter-btn:first-child {
    margin-left: 0;
}

/* RTL Responsive */
@media (max-width: 768px) {
    [dir="rtl"] .nav-menu {
        flex-direction: column;
        text-align: right;
    }
    
    [dir="rtl"] .nav-menu a {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    [dir="rtl"] .hero-buttons {
        flex-direction: column;
    }
    
    [dir="rtl"] .footer-content {
        flex-direction: column;
    }
    
    [dir="rtl"] .content-grid {
        flex-direction: column;
    }
    
    [dir="rtl"] .stats-grid {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .dashboard-grid {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .action-buttons {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .setup-grid {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .achievements-grid {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .culture-features {
        grid-template-columns: 1fr;
    }
}

/* Arabic Character Fix */
body {
    font-family: 'Inter', 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Ensure proper Arabic text rendering */
[lang="ar"] {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    line-height: 1.8;
}

[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6 {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

/* Arabic text in forms */
[lang="ar"] input,
[lang="ar"] textarea,
[lang="ar"] select {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    direction: rtl;
    text-align: right;
}

/* Arabic text in buttons */
[lang="ar"] .btn {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in navigation */
[lang="ar"] .nav-link {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in hero */
[lang="ar"] .hero-title {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 700;
}

[lang="ar"] .hero-subtitle {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in sections */
[lang="ar"] .section-title {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

[lang="ar"] .section-subtitle {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in cards */
[lang="ar"] .card-title {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

[lang="ar"] .card-text {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in forms */
[lang="ar"] .form-label {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 500;
}

/* Arabic text in buttons */
[lang="ar"] .btn {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 500;
}

/* Arabic text in footer */
[lang="ar"] .footer-section h4 {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

[lang="ar"] .footer-section p {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

[lang="ar"] .footer-section a {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Arabic text in admin panel */
[lang="ar"] .admin-content {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

[lang="ar"] .admin-title {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
    font-weight: 600;
}

[lang="ar"] .admin-text {
    font-family: 'Tajawal', 'Cairo', 'Amiri', Arial, sans-serif;
}

/* Ensure proper Arabic text wrapping */
[lang="ar"] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Arabic text alignment */
[lang="ar"] {
    text-align: right;
}

[lang="ar"] .text-center {
    text-align: center;
}

[lang="ar"] .text-left {
    text-align: right;
}

[lang="ar"] .text-right {
    text-align: left;
}