/**
 * Super Game Manager Pro - RTL Styles
 * Version: 2.0.0
 * For Arabic and other RTL languages
 */

/* General RTL Support */
body.rtl,
body[dir="rtl"],
.rtl-mode {
    direction: rtl;
    text-align: right;
    font-family: 'Segoe UI', 'Arial', 'Tahoma', sans-serif;
}

/* Arabic Font Stack */
body.rtl.arabic,
body[lang="ar"] {
    font-family: 'Cairo', 'Noto Sans Arabic', 'Droid Arabic Kufi', 'Segoe UI', 'Arial', sans-serif;
}

/* Game Container RTL */
.rtl .sgm-game-container {
    direction: ltr; /* Games should remain LTR */
}

.rtl .sgm-game-container .game-info {
    direction: rtl;
    text-align: right;
}

/* Grid Layouts RTL */
.rtl .sgm-games-grid,
.rtl .sgm-featured-games {
    direction: rtl;
}

.rtl .sgm-game-item {
    text-align: right;
}

/* Game Overlay RTL */
.rtl .game-overlay {
    text-align: right;
    padding-right: 30px;
    padding-left: 30px;
}

.rtl .play-btn {
    float: left;
}

/* Rating System RTL */
.rtl .sgm-rating {
    direction: rtl;
    text-align: right;
}

.rtl .sgm-rating .star {
    float: right;
}

.rtl .rating-avg {
    margin-right: 10px;
    margin-left: 0;
}

/* Language Switcher RTL */
.rtl .sgm-language-switcher {
    float: left;
}

/* Navigation RTL */
.rtl .game-filters {
    direction: rtl;
}

.rtl .game-filter-category,
.rtl .game-sort-select {
    text-align: right;
}

.rtl #game-search-input {
    text-align: right;
    padding-right: 40px;
    padding-left: 15px;
}

/* Share Buttons RTL */
.rtl .share-game-buttons {
    direction: rtl;
}

.rtl .share-game-btn {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Game Controls RTL */
.rtl .game-controls {
    direction: rtl;
}

.rtl .game-fullscreen-btn {
    float: left;
}

/* Favorites Button RTL */
.rtl .add-to-favorites {
    float: left;
}

.rtl .add-to-favorites i {
    margin-left: 8px;
    margin-right: 0;
}

/* Notifications RTL */
.rtl .sgm-notification {
    right: auto;
    left: 20px;
    text-align: right;
}

.rtl .sgm-notification.show {
    transform: translateX(-400px);
}

/* Back to Top RTL */
.rtl .back-to-top {
    right: auto;
    left: 20px;
}

/* Forms RTL */
.rtl input[type="text"],
.rtl input[type="email"],
.rtl input[type="password"],
.rtl textarea,
.rtl select {
    text-align: right;
    direction: rtl;
}

/* Lists RTL */
.rtl ul,
.rtl ol {
    padding-right: 20px;
    padding-left: 0;
}

.rtl li {
    text-align: right;
}

/* Tables RTL */
.rtl table {
    direction: rtl;
}

.rtl th,
.rtl td {
    text-align: right;
}

/* Breadcrumbs RTL */
.rtl .breadcrumbs {
    direction: rtl;
}

.rtl .breadcrumbs li {
    float: right;
}

.rtl .breadcrumbs li:before {
    content: '>';
    margin: 0 10px 0 5px;
}

.rtl .breadcrumbs li:first-child:before {
    content: '';
    margin: 0;
}

/* Pagination RTL */
.rtl .pagination {
    direction: rtl;
}

.rtl .pagination a,
.rtl .pagination span {
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

/* Icons RTL */
.rtl .icon-left {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.rtl .icon-right {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

/* Arrows RTL */
.rtl .arrow-left:before {
    content: '←';
}

.rtl .arrow-right:before {
    content: '→';
}

/* Mobile Menu RTL */
.rtl .mobile-menu-toggle {
    float: left;
}

.rtl .mobile-menu {
    right: auto;
    left: 0;
    text-align: right;
}

/* Admin Panel RTL Adjustments */
.rtl .sgm-dashboard {
    direction: rtl;
}

.rtl .sgm-stats ul {
    padding-right: 0;
    padding-left: 0;
}

.rtl .stat-card {
    text-align: center; /* Keep centered for stats */
}

/* Progress Bar RTL */
.rtl .progress-bar-wrapper {
    direction: ltr; /* Progress bars should fill left to right even in RTL */
}

/* Buttons RTL */
.rtl .button {
    text-align: center;
}

.rtl .button i {
    margin-left: 8px;
    margin-right: 0;
}

/* Modals RTL */
.rtl .modal {
    text-align: right;
}

.rtl .modal-close {
    right: auto;
    left: 15px;
}

/* Tooltips RTL */
.rtl .tooltip {
    text-align: right;
}

.rtl .tooltip.left {
    right: auto;
    left: 100%;
}

.rtl .tooltip.right {
    left: auto;
    right: 100%;
}

/* Dropdowns RTL */
.rtl .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right;
}

/* Cards RTL */
.rtl .card {
    direction: rtl;
    text-align: right;
}

/* Badges RTL */
.rtl .badge {
    float: left;
}

/* Loading Spinner RTL - No change needed */
.rtl .spinner,
.rtl .loader {
    /* Spinners are centered and rotate, no RTL change needed */
}

/* Specific Arabic Adjustments */
body[lang="ar"] {
    letter-spacing: 0; /* Arabic doesn't need letter spacing */
    line-height: 1.8; /* Better line height for Arabic */
}

body[lang="ar"] h1,
body[lang="ar"] h2,
body[lang="ar"] h3,
body[lang="ar"] h4,
body[lang="ar"] h5,
body[lang="ar"] h6 {
    font-weight: 600; /* Arabic fonts often need different weight */
}

/* Fix for Arabic numerals */
.rtl .arabic-numerals {
    font-family: 'Arial', sans-serif; /* Ensure Arabic-Indic numerals display correctly */
}

/* Category Labels RTL */
.rtl .game-category {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Meta Information RTL */
.rtl .game-meta {
    text-align: right;
}

.rtl .game-meta span {
    margin-left: 15px;
    margin-right: 0;
}

/* Comments Section RTL */
.rtl .comments {
    direction: rtl;
}

.rtl .comment-author {
    float: right;
}

.rtl .comment-content {
    margin-right: 80px;
    margin-left: 0;
}

/* Search Results RTL */
.rtl .search-results {
    direction: rtl;
}

.rtl .search-result-item {
    text-align: right;
}

/* Footer RTL */
.rtl footer {
    text-align: right;
}

.rtl .footer-menu {
    float: left;
}

.rtl .footer-menu li {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

/* Social Links RTL */
.rtl .social-links {
    direction: rtl;
}

.rtl .social-links a {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Animations RTL */
@keyframes slideInRight-rtl {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

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

.rtl .slide-in-right {
    animation: slideInRight-rtl 0.3s ease;
}

.rtl .slide-in-left {
    animation: slideInLeft-rtl 0.3s ease;
}

/* Responsive RTL */
@media (max-width: 768px) {
    .rtl .sgm-games-grid {
        direction: rtl;
    }
    
    .rtl .mobile-menu {
        width: 280px;
        left: -280px;
        right: auto;
    }
    
    .rtl .mobile-menu.open {
        left: 0;
    }
    
    .rtl .sgm-notification {
        left: 10px;
        right: 10px;
    }
}

/* Print Styles RTL */
@media print {
    .rtl {
        direction: rtl;
        text-align: right;
    }
}