/* =================================== */
/* Arabic RTL Stylesheet (arabic.css) */
/* =================================== */

body {
    font-family: 'Changa', 'Inter', sans-serif;
}

/* عكس اتجاه العناصر الرئيسية */
.site-header__container,
.site-footer__container,
.search,
.features-final__item,
.modal__title-wrapper,
.modal__listen-btn,
.modal__domain-header,
.modal__registrar-btn {
    direction: rtl;
}

/* --- تعديلات الهيدر --- */
.site-header__nav-list {
    gap: 35px;
}
.saved-counter {
    margin-right: 8px;
    margin-left: 0;
}
.language-dropdown__content {
    right: auto;
    left: 0;
}

/* --- تعديلات البحث --- */
.search__input {
    text-align: right;
}

/* --- تعديلات عامة للنصوص والمحاذاة --- */
.step-card, .testimonial-card {
    text-align: right;
}
.step-card__icon-wrapper,
.testimonial-card__quote-icon,
.testimonial-card__bottom {
    text-align: center;
}

/* --- بطاقات النتائج وامتدادات النطاقات --- */
.result-card__status {
    left: auto;
    right: 6px;
    font-family: 'Inter', sans-serif;
    padding: 3px 8px;
    font-size: 0.8em;
}
.result-card__actions {
    left: auto;
    right: 15px;
}
.result-card__favorite-container {
    right: auto;
    left: 6px;
}
.result-card__name {
     font-family: 'Changa', sans-serif;
}


/* --- الأسئلة الشائعة --- */
.faq__question,
.faq__answer {
    text-align: right;
}
.faq__question::after {
    margin-right: 15px;
    margin-left: 0;
}

/* --- الصفحات الداخلية (الخصوصية واتصل بنا) --- */
.page-content p, .page-content ul, .page-content h2 {
    text-align: right;
}
.page-content ul {
    padding-left: 0;
    padding-right: 20px;
}
.page-content h1 {
    text-align: center;
}


/* --- نافذة المعالج (Wizard) --- */
.wizard__close-btn {
    right: auto;
    left: 15px;
}
.wizard__label,
.wizard__option,
.wizard__label-desc {
    text-align: right;
}
.wizard__required-star {
    margin-right: 4px;
    margin-left: 0;
}
.wizard__option-checkmark {
    right: auto;
    left: 5px;
}

/* تعديل: ضبط ارتفاع العناصر في المعالج ليتوافق مع الخط العربي */
.wizard__input {
    padding-top: 5px;
    padding-bottom: 5px;
}
.wizard__option--tone {
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wizard__tld {
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*
===================================================================
==     الحل الصحيح والنهائي لمشكلة أزرار المعالج (Wizard)      ==
===================================================================
*/
/* القاعدة العامة لشريط التنقل في المعالج */
.wizard__nav {
    direction: rtl; /* نضمن أن اتجاه الحاوية من اليمين لليسار */
}

/* القاعدة الخاصة بالخطوة الأولى (صفحة اختيار اللغة) */
html[dir="rtl"] .wizard__nav--step1 {
    justify-content: flex-start;
}

/* تعديل: عكس أماكن أزرار "رجوع" و "إنشاء" في الخطوة الثانية */
.wizard__step:nth-child(2) .wizard__nav {
    flex-direction: row-reverse;
}


/* --- المودال (النافذة المنبثقة لمعلومات الاسم) --- */
.modal__close-btn {
    right: auto;
    left: 15px;
}
.modal__title-wrapper {
     gap: 15px;
     justify-content: flex-start;
}
.modal__subtitle {
    gap: 8px;
}
#modal-pronunciation-score {
    gap: 10px;
    direction: ltr;
    justify-content: flex-end;
}
.modal__domain-item {
    direction: rtl;
}
.modal__domain-name-wrapper {
    gap: 8px;
}
.modal__domain-icon {
    margin-left: 6px;
    margin-right: 0;
}
.modal__registrar-selector {
    margin-left: 0;
    margin-right: auto;
}
.modal__registrar-dropdown {
    right: auto;
    left: 0;
}


/* --- تعديلات للموبايل --- */
@media (max-width: 768px) {
    .site-header__nav {
        right: auto;
        left: -100%;
    }
    .site-header__nav--is-open {
        right: auto;
        left: 0;
    }

    .modal__title-wrapper {
        text-align: right;
    }

    /* ===================================================================
    ==   الحل النهائي والقوي: إجبار العنوان والزر على المحاذاة لليمين   ==
    =================================================================== */
    html[dir="rtl"] .modal__title-wrapper > * {
        margin-left: auto;  /* إجبار العنصر على الاتجاه لأقصى اليمين في سياق RTL */
        margin-right: 0;
    }

    .step-card {
        text-align: center;
    }
}

/* ========================================================================
==     تعديل: تغيير خط أسماء النطاقات وشركات التسجيل إلى الخط الإنجليزي   ==
======================================================================== */
.modal__domain-item span,
.result-card__dropdown a span,
.modal__registrar-dropdown a,
#selected-registrar-name {
    font-family: 'Inter', sans-serif;
}