/* =====================================================================
   Orbita — النسخة العربية (RTL)
   بيتحمّل في الصفحات العربي بس (الأساسية)، بعد style.css — مفيش حاجة هنا بتأثر على
   النسخة الإنجليزية. ده الجزء المشترك (الخطوط، الهيدر، المنيو، الفوتر،
   الشات). تعديلات كل صفحة لوحدها في rtl-pages/<الصفحة>.css
   ===================================================================== */


/* ---------------------------------------------------------------------
   1) الخطوط
   Gilroy والخطوط الإنجليزي التانية مافيهاش حروف عربي، فالمتصفح كان هيرجع
   لخط النظام. بنضيف لنفس أسماء العائلات وش عربي من Cairo (للحروف العربي بس
   عن طريق unicode-range) — الحروف الإنجليزي بتفضل بخطها زي ما هي.
   --------------------------------------------------------------------- */
@font-face {
    /* Gilroy ExtraBold متسجّل كوزن عادي، فبنديله Cairo ExtraBold ثابت بنفس التقل */
    font-family: 'MyGilroy';
    src: url('./fonts/Cairo-ExtraBold-Arabic.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
    font-display: swap;
}

/* باقي العائلات: Cairo متغيّر الوزن، فكل عنصر بياخد نفس الوزن اللي متصمم بيه */
@font-face { font-family: 'Syne';                  src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'Montserrat';            src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'Manrope';               src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'Poppins';               src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'metropolisbold';        src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'gilroy_regularregular'; src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }
@font-face { font-family: 'gilroy__boldbold';      src: url('./fonts/Cairo-Arabic-Variable.woff2') format('woff2'); font-weight: 200 1000; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; font-display: swap; }


/* ---------------------------------------------------------------------
   2) قواعد الكتابة العربي
   letter-spacing بيفصل الحروف العربي عن بعض (الحروف لازم تكون متصلة)،
   فبنلغيه في كل الصفحة. :not(#_) بتدي القاعدة أولوية تغلب أي !important تاني.
   --------------------------------------------------------------------- */
html[lang="ar"] body *:not(#_) {
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

/* الأرقام والإيميلات جوه النص العربي بتتعرض من الشمال لليمين صح */
html[lang="ar"] bdi[dir="ltr"],
html[lang="ar"] .ltr {
    direction: ltr;
    unicode-bidi: isolate;
}


/* ---------------------------------------------------------------------
   3) المنيو (الشاشة الكاملة)
   --------------------------------------------------------------------- */
html[dir="rtl"] .menu-links,
html[dir="rtl"] .menu-info {
    text-align: right;
}

html[dir="rtl"] .menu-links a {
    /* 1.1 بتاعة الإنجليزي بتقص النقط والحروف الطويلة في العربي */
    line-height: 1.4;
}

html[dir="rtl"] .menu-links a:hover {
    transform: translateX(-10px);   /* الحركة ناحية الشمال بدل اليمين */
}

html[dir="rtl"] .menu-close {
    right: auto;
    left: 40px;
}

@media (max-width: 991px) {
    html[dir="rtl"] .menu-links,
    html[dir="rtl"] .info-block {
        text-align: center;
    }

    html[dir="rtl"] .menu-links a:hover,
    html[dir="rtl"] .menu-links a:active {
        transform: scale(1.05) translateX(-5px);
    }

    html[dir="rtl"] .menu-close {
        right: auto;
        left: 30px;
    }
}

@media (max-width: 991px) and (max-height: 600px) {
    html[dir="rtl"] .menu-close {
        right: auto;
        left: 20px;
    }
}


/* ---------------------------------------------------------------------
   4) الفوتر
   (الأعمدة والشبكة بيتعكسوا لوحدهم مع dir="rtl")
   --------------------------------------------------------------------- */
html[dir="rtl"] .pill-btn {
    font-size: 13px;      /* العربي بيبان أصغر من الإنجليزي في نفس المقاس */
    line-height: 1.5;
}


/* ---------------------------------------------------------------------
   5) الشات وزرار الواتساب — بيتنقلوا للركن الشمال (مرآة الإنجليزي)
   --------------------------------------------------------------------- */
html[dir="rtl"] .chat-toggle-container {
    right: auto;
    left: 30px;
}

html[dir="rtl"] .floating-whatsapp-btn {
    right: auto;
    left: 35px;
}

html[dir="rtl"] .chat-container {
    right: auto;
    left: 30px;
    transform-origin: bottom left;
}

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

html[dir="rtl"] .online-dot {
    right: auto;
    left: 2px;
}

html[dir="rtl"] .msg-row.bot .msg-bubble {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 4px;
}

html[dir="rtl"] .msg-row.user .msg-bubble {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 4px;
}

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

html[dir="rtl"] .msg-row.user .timestamp {
    text-align: right;
}

html[dir="rtl"] .options-container {
    margin-right: 0;
    margin-left: 50px;
}

html[dir="rtl"] .typing {
    margin-right: 0;
    margin-left: 50px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 4px;
}

html[dir="rtl"] .msg-bubble,
html[dir="rtl"] .option-btn,
html[dir="rtl"] .chat-footer input {
    font-size: 14px;      /* العربي محتاج حجم أكبر سنة عشان يتقري مريح */
}

/* سهم الإرسال يشاور ناحية الشمال */
html[dir="rtl"] .send-btn {
    padding-right: 0;
    padding-left: 3px;
    transform: scaleX(-1);
}

html[dir="rtl"] .send-btn:hover {
    transform: scaleX(-1) scale(1.1);
}

html[dir="rtl"] .send-btn:active {
    transform: scaleX(-1) scale(0.95);
}