/**
 * RTL (Right-to-Left) Stylesheet Override
 * For Arabic and Hebrew languages
 * Package: Middle East
 */

/* Base direction */
html[dir="rtl"] {
    direction: rtl;
}

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

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

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

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

html[dir="rtl"] nav ul li {
    margin-right: 0;
    margin-left: 2rem;
}

html[dir="rtl"] .dropdown-content {
    left: auto;
    right: 0;
    text-align: right;
}

/* Mobile menu */
html[dir="rtl"] .menu-toggle {
    right: auto;
    left: 1rem;
}

/* Content alignment */
html[dir="rtl"] .page-content,
html[dir="rtl"] .card-content,
html[dir="rtl"] .testimonial-content {
    text-align: right;
}

html[dir="rtl"] .page-content ul,
html[dir="rtl"] .page-content ol {
    padding-right: 2rem;
    padding-left: 0;
}

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

html[dir="rtl"] .card-price {
    text-align: left;
}

/* Breadcrumbs */
html[dir="rtl"] .breadcrumbs {
    direction: rtl;
}

html[dir="rtl"] .breadcrumbs span {
    margin: 0 0.5rem;
}

/* Gallery */
html[dir="rtl"] .gallery-grid {
    direction: rtl;
}

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

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

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

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

html[dir="rtl"] .social-links a {
    margin-right: 0;
    margin-left: 1rem;
}

/* Contact form */
html[dir="rtl"] .contact-form {
    text-align: right;
}

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

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

/* Buttons */
html[dir="rtl"] .btn,
html[dir="rtl"] .cta-button {
    direction: rtl;
}

/* Testimonials */
html[dir="rtl"] .testimonial {
    text-align: right;
}

html[dir="rtl"] .testimonial-rating {
    direction: ltr; /* Stars stay LTR */
}

/* Price display */
html[dir="rtl"] .price {
    direction: ltr;
    text-align: left;
}

/* Dark mode toggle */
html[dir="rtl"] .dark-mode-toggle {
    left: 1rem;
    right: auto;
}

/* Admin panel specific */
html[dir="rtl"] .admin-container {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .admin-sidebar {
    right: 0;
    left: auto;
    border-right: none;
    border-left: 1px solid #ddd;
}

html[dir="rtl"] .admin-content {
    margin-right: 250px;
    margin-left: 0;
}

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

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

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

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

html[dir="rtl"] .checkbox-label input {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

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

/* Icons before text -> after text */
html[dir="rtl"] .icon-text {
    flex-direction: row-reverse;
}

/* Scroll animations direction */
html[dir="rtl"] .animate-slide-in {
    transform: translateX(50px); /* Reversed */
}

/* Language selector */
html[dir="rtl"] .language-selector {
    left: 1rem;
    right: auto;
}

/* Back to top button */
html[dir="rtl"] .back-to-top {
    left: 2rem;
    right: auto;
}

/* Messages/Alerts */
html[dir="rtl"] .alert,
html[dir="rtl"] .message {
    text-align: right;
    padding-right: 1rem;
    padding-left: 2.5rem;
}

html[dir="rtl"] .alert-close,
html[dir="rtl"] .message-close {
    left: 0.5rem;
    right: auto;
}

/* WYSIWYG Editor toolbar stays LTR for icons */
html[dir="rtl"] .editor-toolbar {
    direction: ltr;
}

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