/* RTL (Right-to-Left) Support Stylesheet */

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

/* Flex Direction Flip */
[dir="rtl"] .flex-row,
[dir="rtl"] .header-container,
[dir="rtl"] .nav-container,
[dir="rtl"] .topbar-left,
[dir="rtl"] .topbar-right,
[dir="rtl"] .card-header,
[dir="rtl"] .setting-item,
[dir="rtl"] .info-card,
[dir="rtl"] .prayer-item,
[dir="rtl"] .weather-stat,
[dir="rtl"] .forecast-item {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .nav-link {
    margin-left: 0;
    margin-right: 1.5rem;
}

[dir="rtl"] .nav-link:first-child {
    margin-right: 0;
}

/* Logo Position */
[dir="rtl"] .logo {
    margin-right: 0;
    margin-left: auto;
}

/* Dropdown RTL */
[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

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

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

[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="password"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="search"],
[dir="rtl"] textarea {
    padding-right: 1rem;
    padding-left: 0.5rem;
}

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

/* Buttons RTL */
[dir="rtl"] .btn .icon,
[dir="rtl"] button .icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

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

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

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

/* Icons in RTL */
[dir="rtl"] .icon-left {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .icon-right {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Margin/Padding Flip */
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1.5rem; }
[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1.5rem; }

[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1.5rem; }

/* Border Radius Flip */
[dir="rtl"] .rounded-left {
    border-radius: 0 0.5rem 0.5rem 0;
}

[dir="rtl"] .rounded-right {
    border-radius: 0.5rem 0 0 0.5rem;
}

/* Text Alignment Utilities */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Float Flip */
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .float-right {
    float: left !important;
}

/* Position Flip */
[dir="rtl"] .left-0 {
    left: auto;
    right: 0;
}

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

/* Transforms for Icons */
[dir="rtl"] .chevron-right,
[dir="rtl"] .arrow-right,
[dir="rtl"] .icon-arrow {
    transform: scaleX(-1);
}

/* Admin Sidebar RTL */
[dir="rtl"] .admin-sidebar {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid var(--border-color);
}

[dir="rtl"] .admin-main {
    margin-left: 0;
    margin-right: 280px;
}

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

[dir="rtl"] .nav-item .icon {
    margin-right: 0;
    margin-left: 0.75rem;
}

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

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

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

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

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

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

/* Prayer Times RTL */
[dir="rtl"] .prayer-times-grid {
    direction: rtl;
}

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

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

/* Search Box RTL */
[dir="rtl"] .search-container {
    flex-direction: row-reverse;
}

[dir="rtl"] .search-input {
    text-align: right;
    padding-right: 1rem;
    padding-left: 2.5rem;
}

[dir="rtl"] .search-icon {
    left: auto;
    right: 0.75rem;
}

[dir="rtl"] .search-btn {
    border-radius: 0.5rem 0 0 0.5rem;
}

/* Cookie Popup RTL */
[dir="rtl"] .cookie-popup {
    text-align: right;
}

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

/* Toggle Switch RTL */
[dir="rtl"] .toggle-switch {
    direction: ltr;
}

/* Breadcrumb RTL */
[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb-separator {
    transform: scaleX(-1);
}

/* Pagination RTL */
[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .modal-close {
    left: 1rem;
    right: auto;
}

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

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

/* Progress Bar RTL */
[dir="rtl"] .progress-bar {
    direction: rtl;
}

[dir="rtl"] .progress-fill {
    transform-origin: right;
}

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

[dir="rtl"] .alert-icon {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* Scrollbar RTL (for browsers that support it) */
[dir="rtl"] ::-webkit-scrollbar {
    direction: rtl;
}

/* Qibla Compass RTL - Keep LTR for accuracy */
[dir="rtl"] .qibla-compass {
    direction: ltr;
}

/* Calendar RTL */
[dir="rtl"] .calendar-grid {
    direction: rtl;
}

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

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

/* Tooltip RTL */
[dir="rtl"] .tooltip {
    text-align: right;
}

/* Responsive RTL Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .admin-main {
        margin-right: 0;
    }
    
    [dir="rtl"] .mobile-menu {
        left: auto;
        right: 0;
    }
    
    [dir="rtl"] .mobile-toggle {
        margin-left: auto;
        margin-right: 0;
    }
}

/* Animation Direction for RTL */
@keyframes slideInRight-rtl {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInLeft-rtl {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

[dir="rtl"] .slide-in-right {
    animation: slideInRight-rtl 0.3s ease-out;
}

[dir="rtl"] .slide-in-left {
    animation: slideInLeft-rtl 0.3s ease-out;
}

/* Font Adjustments for RTL Languages */
[dir="rtl"] {
    font-family: 'Segoe UI', 'Tahoma', 'Arial', 'Amiri', sans-serif;
}

/* Arabic-specific adjustments */
[lang="ar"] {
    font-family: 'Amiri', 'Arial', sans-serif;
    line-height: 1.8;
}

/* Urdu-specific adjustments */
[lang="ur"] {
    font-family: 'Jameel Noori Nastaleeq', 'Noto Nastaliq Urdu', 'Arial', sans-serif;
    line-height: 2;
}

/* Persian-specific adjustments */
[lang="fa"] {
    font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    line-height: 1.8;
}

/* Hebrew-specific adjustments */
[lang="he"] {
    font-family: 'Heebo', 'Arial', sans-serif;
    line-height: 1.6;
}