/* ========================================
   RTL SUPPORT - RIGHT TO LEFT (ARABIC)
   ======================================== */

/* Apply RTL layout when html has dir="rtl" or lang="ar" */
html[dir="rtl"],
html[lang="ar"] {
    direction: rtl;
}

/* ========== Text Alignment ========== */
[dir="rtl"] body,
[lang="ar"] body {
    text-align: right;
}

/* ========== Navigation ========== */
/* Keep logo position consistent across all languages for brand recognition */
[dir="rtl"] .nav-links,
[lang="ar"] .nav-links {
    margin-left: var(--spacing-lg);
    margin-right: 0;
}

[dir="rtl"] .nav-actions,
[lang="ar"] .nav-actions {
    margin-right: auto;
    flex-direction: row-reverse;
}

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

/* ========== Language Selector ========== */
[dir="rtl"] .lang-dropdown-btn,
[lang="ar"] .lang-dropdown-btn {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .lang-option,
[lang="ar"] .lang-option {
    flex-direction: row-reverse;
    text-align: right;
}

/* ========== Buttons & Icons ========== */
[dir="rtl"] .btn,
[lang="ar"] .btn {
    flex-direction: row-reverse;
}

[dir="rtl"] .btn-icon,
[lang="ar"] .btn-icon {
    transform: scaleX(-1);
}

/* ========== Hero Section ========== */
[dir="rtl"] .hero-cta,
[lang="ar"] .hero-cta {
    flex-direction: row-reverse;
}

[dir="rtl"] .hero-stats,
[lang="ar"] .hero-stats {
    flex-direction: row-reverse;
}

/* ========== Features Grid ========== */
[dir="rtl"] .features-grid,
[lang="ar"] .features-grid {
    direction: rtl;
}

/* ========== Steps Grid ========== */
[dir="rtl"] .steps-grid,
[lang="ar"] .steps-grid {
    direction: rtl;
}

[dir="rtl"] .step-arrow,
[lang="ar"] .step-arrow {
    transform: scaleX(-1);
}

/* ========== Gallery & Preview ========== */
[dir="rtl"] .filters-bar,
[lang="ar"] .filters-bar {
    flex-direction: row-reverse;
}

[dir="rtl"] .filter-group,
[lang="ar"] .filter-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .card-actions,
[lang="ar"] .card-actions {
    flex-direction: row-reverse;
}

/* ========== Customize Page ========== */
[dir="rtl"] .customize-grid,
[lang="ar"] .customize-grid {
    direction: rtl;
}

[dir="rtl"] .preview-column,
[lang="ar"] .preview-column {
    order: 2;
}

[dir="rtl"] .form-column,
[lang="ar"] .form-column {
    order: 1;
}

[dir="rtl"] .form-label,
[lang="ar"] .form-label {
    flex-direction: row-reverse;
}

[dir="rtl"] .form-hint,
[lang="ar"] .form-hint {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .emoji-picker,
[lang="ar"] .emoji-picker {
    flex-direction: row-reverse;
}

[dir="rtl"] .section-toggle,
[lang="ar"] .section-toggle {
    flex-direction: row-reverse;
}

[dir="rtl"] .toggle-label,
[lang="ar"] .toggle-label {
    flex-direction: row-reverse;
}

[dir="rtl"] .form-actions,
[lang="ar"] .form-actions {
    flex-direction: row-reverse;
}

[dir="rtl"] .preview-actions,
[lang="ar"] .preview-actions {
    flex-direction: row-reverse;
}

/* ========== Progress Steps ========== */
[dir="rtl"] .progress-steps,
[lang="ar"] .progress-steps {
    flex-direction: row-reverse;
}

/* ========== Search Box ========== */
[dir="rtl"] .search-box input,
[lang="ar"] .search-box input {
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    text-align: right;
}

[dir="rtl"] .search-icon,
[lang="ar"] .search-icon {
    right: auto;
    left: 1rem;
}

/* ========== Modal ========== */
[dir="rtl"] .modal-close,
[lang="ar"] .modal-close {
    right: auto;
    left: var(--spacing-sm);
}

[dir="rtl"] .language-grid,
[lang="ar"] .language-grid {
    direction: rtl;
}

[dir="rtl"] .lang-btn,
[lang="ar"] .lang-btn {
    text-align: right;
}

/* ========== Footer ========== */
[dir="rtl"] .footer-content,
[lang="ar"] .footer-content {
    direction: rtl;
}

[dir="rtl"] .footer-links,
[lang="ar"] .footer-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-column,
[lang="ar"] .footer-column {
    text-align: right;
}

[dir="rtl"] .footer-link,
[lang="ar"] .footer-link {
    text-align: right;
}

/* ========== Tips Card ========== */
[dir="rtl"] .tips-card li,
[lang="ar"] .tips-card li {
    padding-left: 0;
    padding-right: 1.5rem;
    text-align: right;
}

[dir="rtl"] .tips-card li:before,
[lang="ar"] .tips-card li:before {
    left: auto;
    right: 0;
}

/* ========== Thank You Page ========== */
[dir="rtl"] .tips-list li,
[lang="ar"] .tips-list li {
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

[dir="rtl"] .tips-list li::before,
[lang="ar"] .tips-list li::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .tips-title,
[lang="ar"] .tips-title {
    flex-direction: row-reverse;
}

[dir="rtl"] .action-buttons,
[lang="ar"] .action-buttons {
    flex-direction: row-reverse;
}

[dir="rtl"] .success-content-wrapper,
[lang="ar"] .success-content-wrapper {
    direction: rtl;
}

[dir="rtl"] .success-header-inline,
[lang="ar"] .success-header-inline {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .social-btn,
[lang="ar"] .social-btn {
    flex-direction: row-reverse;
}

/* ========== Dropdown Arrow Rotation ========== */
[dir="rtl"] .dropdown-arrow,
[lang="ar"] .dropdown-arrow {
    transform: scaleX(-1);
}

[dir="rtl"] .section-toggle.active .toggle-icon,
[lang="ar"] .section-toggle.active .toggle-icon {
    transform: rotate(180deg) scaleX(-1);
}

/* ========== Floating Emojis (Mirror for RTL) ========== */
[dir="rtl"] .floating-emoji:nth-child(1),
[lang="ar"] .floating-emoji:nth-child(1) {
    left: auto;
    right: 10%;
}

[dir="rtl"] .floating-emoji:nth-child(2),
[lang="ar"] .floating-emoji:nth-child(2) {
    right: auto;
    left: 15%;
}

[dir="rtl"] .floating-emoji:nth-child(3),
[lang="ar"] .floating-emoji:nth-child(3) {
    left: auto;
    right: 20%;
}

[dir="rtl"] .floating-emoji:nth-child(4),
[lang="ar"] .floating-emoji:nth-child(4) {
    right: auto;
    left: 10%;
}

[dir="rtl"] .floating-emoji:nth-child(5),
[lang="ar"] .floating-emoji:nth-child(5) {
    left: 50%;
}

/* ========== Responsive RTL Adjustments ========== */
@media (max-width: 768px) {
    [dir="rtl"] .header .nav-actions,
    [lang="ar"] .header .nav-actions {
        margin-right: auto;
        margin-left: 0;
        flex-direction: row;
    }

    [dir="rtl"] .nav-links,
    [lang="ar"] .nav-links {
        text-align: right;
    }

    [dir="rtl"] .hero-cta,
    [lang="ar"] .hero-cta {
        align-items: stretch;
    }

    [dir="rtl"] .filters-bar,
    [lang="ar"] .filters-bar {
        align-items: flex-end;
    }
}

/* ========== Font Adjustments for Arabic ========== */
[lang="ar"] {
    /* Arabic fonts could be added here if needed */
    /* For example: font-family: 'Arabic Font', 'Poppins', sans-serif; */
}

[lang="ar"] body {
    /* Slightly increase line-height for better Arabic readability */
    line-height: 1.8;
}

[lang="ar"] .hero-title,
[lang="ar"] .section-title,
[lang="ar"] .page-title {
    /* Adjust letter-spacing for Arabic */
    letter-spacing: normal;
}