/* =========================================================
   /assets/i18n.css  (v2)
   - تنسيق قائمة اختيار اللغة (يعمل في أي صفحة)
   - تعديلات الاتجاه للغات LTR (English / Français)
   يُحمَّل تلقائياً عبر i18n_head_tags()
========================================================= */

/* ---------- قائمة اختيار اللغة ---------- */
.lang-dropdown{ position:relative; display:inline-block; }

.lang-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 14px;
    border-radius:999px;
    border:1px solid rgba(200,162,77,.5);
    background:linear-gradient(135deg, #c8a24d, #e6c36a);
    color:#1a1407;
    font-family:inherit;
    font-weight:800;
    font-size:14px;
    line-height:1;
    cursor:pointer;
    transition:.25s;
}
.lang-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(200,162,77,.35); }
.lang-btn .lang-ico{ flex:none; }
.lang-btn .lang-chev{ flex:none; opacity:.75; }
.lang-btn .lang-current{ font-size:12px; letter-spacing:.3px; }

.lang-list{
    position:absolute;
    top:calc(100% + 8px);
    inset-inline-end:0;   /* RTL: يسار الزر — LTR: يمين الزر */
    display:none;
    flex-direction:column;
    min-width:150px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    overflow:hidden;
    z-index:5000;
}
.lang-list.open{ display:flex; }

.lang-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 14px;
    color:#1a1a1a;
    font-family:"Cairo", system-ui, Arial, sans-serif;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    text-align:start;
    transition:background .2s ease;
}
.lang-list a:hover{ background:#f5f0e4; }
.lang-list a.active{ background:#faf3e1; color:#8a5a12; }
.lang-list .lang-check{ color:#c8a24d; font-weight:900; }


/* ---------- شريط علوي صغير للصفحات بدون قائمة رئيسية ---------- */
.i18n-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:22px;
}
.i18n-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 16px;
    border-radius:999px;
    border:1px solid #e8dcc0;
    background:#fff;
    color:#5a3d0a;
    font-weight:800;
    font-size:14px;
    text-decoration:none;
    transition:.25s;
}
.i18n-back:hover{ background:#faf3e1; transform:translateY(-1px); }

/* الخط للغات اللاتينية */
html[lang="en"] body,
html[lang="fr"] body{
    font-family:"Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* النص العربي الذي لم يُترجم بعد داخل صفحة LTR */
html[dir="ltr"] body [lang="ar"][dir="rtl"]{ text-align:right; }

/* =========================================================
   LTR — الصفحة الرئيسية
========================================================= */
html[dir="ltr"] .dropdown-menu{ right:auto; left:0; }
html[dir="ltr"] .dropdown-menu a{ text-align:left; }
html[dir="ltr"] .hero-note i{ margin-left:0; margin-right:6px; }
html[dir="ltr"] .admission-button:hover i{ transform:translateX(4px); }
html[dir="ltr"] .academy-bot{ direction:ltr; }

@media (max-width:992px){
    html[dir="ltr"] .brand{ margin-right:0; margin-left:0; margin-inline-end:auto; }
    html[dir="ltr"] .nav-links{ left:auto; right:16px; }
    html[dir="ltr"] .nav .lang-list{ left:auto; right:0; }
}

html[dir="ltr"] .nav-links a,
html[dir="ltr"] .dropdown-toggle{ white-space:nowrap; }

@media (min-width:993px) and (max-width:1280px){
    html[dir="ltr"] .nav-links a,
    html[dir="ltr"] .dropdown-toggle{ font-size:13px; }
}

/* =========================================================
   LTR — صفحات الأخبار
========================================================= */
html[dir="ltr"] .news-card .date{ right:auto; left:14px; }
html[dir="ltr"] .read-more:hover .read-arrow,
html[dir="ltr"] .agreements-link:hover .agreements-arrow{ transform:translateX(4px); }

/* =========================================================
   LTR — المدارس / البرامج / الإدارات
========================================================= */
html[dir="ltr"] .search-input-wrap .search-icon{ right:auto; left:15px; }
html[dir="ltr"] .search-input-wrap .search-input{ padding:0 15px 0 45px; }
html[dir="ltr"] .btn:hover .btn-arrow{ transform:translateX(3px); }
html[dir="ltr"] .back-btn:hover{ transform:translateX(-3px); }
html[dir="ltr"] .page-header::before{ right:auto; left:0; }
html[dir="ltr"] .manager i{ margin-left:0; margin-right:5px; }
html[dir="ltr"] .details-content .description{
    border-right:none;
    border-left:4px solid #c8a24d;
    text-align:left;
}

/* الشريط العلوي في الصفحات التي تبدأ بدون مسافة */
.i18n-topbar.i18n-topbar--spaced{ padding-top:22px; }

/* مجموعة أزرار (رجوع + لغة) */
.i18n-actions{ display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }

/* =========================================================
   LTR — المنشورات والاتفاقيات
========================================================= */
html[dir="ltr"] .field i{ right:auto; left:14px; }
html[dir="ltr"] .field input,
html[dir="ltr"] .field select{ padding:0 13px 0 42px; }
html[dir="ltr"] .pub-year i{ margin-left:0; margin-right:3px; }
html[dir="ltr"] .featured-ribbon{ right:auto; left:20px; }
html[dir="ltr"] .featured-button:hover .arrow{ transform:translateX(4px); }
html[dir="ltr"] .agreement-card:hover .card-button-arrow{ transform:translateX(3px); }

/* شريط اللغة داخل الواجهات (hero) */
.hero-content > .i18n-topbar,
.page-hero .i18n-topbar{ width:100%; position:relative; z-index:6; }