/* ============================= */
/* RTL FIXES – HERO SECTION */
/* ============================= */

html[dir="rtl"] body {
    direction: rtl;
}

/* الهيرو */
html[dir="rtl"] .home-hero-inner {
    text-align: right;
}

html[dir="rtl"] .home-hero-col {
    align-items: flex-end;
}

/* العناوين */
html[dir="rtl"] .home-hero-title,
html[dir="rtl"] .home-hero-sub,
html[dir="rtl"] .home-hero-desc,
html[dir="rtl"] .home-hero-kicker {
    text-align: right;
}

/* الأيقونات مع النص */
html[dir="rtl"] .home-hero-meta span {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

/* ABOUT */
html[dir="rtl"] .home-about-text,
html[dir="rtl"] .section-header,
html[dir="rtl"] .section-title-row {
    text-align: right;
}

/* زر */
html[dir="rtl"] .btn-main {
    margin-right: 0;
    margin-left: auto;
}

/* =========================
   HERO: force to RIGHT in RTL
   ========================= */

html[dir="rtl"] .home-hero-inner--single{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

html[dir="rtl"] .home-hero-col--left{
    /* أهم سطرين: يدفع البلوك بالكامل لليمين */
    margin-left: auto !important;
    margin-right: 0 !important;

    text-align: right !important;

    /* لو كان عندك positioning من base.css */
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .home-hero-kicker,
html[dir="rtl"] .home-hero-title,
html[dir="rtl"] .home-hero-sub,
html[dir="rtl"] .home-hero-desc{
    text-align: right !important;
}

html[dir="rtl"] .home-hero-meta{
    justify-content: flex-end !important;
}

html[dir="rtl"] .home-hero-meta span{
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    gap: 8px !important;
}

/* =========================
   RIGHT TOOLBAR – RTL FIX
   ========================= */

html[dir="rtl"] .right-toolbar{
    right: auto !important;
    left: 20px !important;
}

html[dir="rtl"] .tool-tooltip{
    right: auto !important;
    left: 55px !important;
    text-align: right;
}

html[dir="rtl"] .phone-popup{
    right: auto !important;
    left: 90px !important;
    text-align: right;
}

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

/* ===============================
   FIX PHONE NUMBERS IN RTL
   =============================== */

.phone-ltr{
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: left !important;
    display: inline-block !important;
    font-variant-numeric: tabular-nums;
}

/* Tooltips */
.tool-tooltip{
    direction: ltr;
}

/* Toolbar position in RTL */
html[dir="rtl"] .right-toolbar{
    right: auto;
    left: 20px;
}

/* Hero text alignment */
html[dir="rtl"] .home-hero-col{
    text-align: right;
}

/* FIX: keep phone numbers LTR in Arabic */
.ltr-number {
    direction: ltr !important;
    unicode-bidi: bidi-override;
    display: inline-block;
    text-align: left;
}