/*
 * ============================================================
 *  NORDIK INTERNATIONAL SCHOOL — Site ARABE (blog_id = 3)
 *  Fichier : masterstudy-child/css/nordik-ar.css
 *  Chargé uniquement sur /ar/ via functions.php
 *  Dernière mise à jour : 2026-06-11
 * ============================================================
 *  1. Menu navigation (LTR forcé sur site RTL)
 *  2. Direction RTL globale
 *  3. Footer (copyright + logo + menu)
 *  4. Top Bar (horaires & adresse en arabe)
 *  5. Header (espacement menu/logo)
 *  6. Homepage icônes "4 raisons" (#FFB800)
 *  7. Footer téléphones (LTR dans RTL)
 *  8. Responsive mobile (stack colonnes)
 *  9. Hero — RevSlider tous appareils (mob_hero1 masqué)
 * 10. Fix overflow horizontal
 * ============================================================ */

/* 1. MENU — LTR forcé */
.main-nav > ul,
nav.main-nav ul.menu,
header nav ul { direction: ltr !important; }

/* 2. RTL corps du site */
.site-main, .entry-content,
.elementor-widget-container, .stm-header__top {
    direction: rtl;
    text-align: right;
}
/* 2b. Exclusion RevSlider du RTL global
   SR7 calcule les positions en JS avec left: px → direction:rtl brise tout */
.elementor-widget-slider_revolution .elementor-widget-container,
.wp-block-themepunch-revslider,
sr7-module, sr7-content, sr7-adjuster, sr7-layer { direction: ltr !important; text-align: left !important; }

/* 3. FOOTER */
ul.footer_menu {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    gap: 0 !important;
    list-style: none;
    margin: 0; padding: 0;
    align-items: center;
}
ul.footer_menu li { float: none !important; white-space: nowrap; }
ul.footer_menu li a { padding: 0 10px; font-size: 13px; color: #fff !important; }
ul.footer_menu li + li::before { content: "|"; color: #EAB830; font-weight: bold; }
.rtl .footer_logo[src=""], .rtl .footer_logo:not([src]) { display: none !important; }
.rtl #footer_copyright .pull-left::before {
    content: "";
    display: inline-block;
    width: 50px; height: 56px;
    background: url("https://nordikinternationalschool.com/en/wp-content/uploads/sites/2/2026/05/logo-50x56.png") center/contain no-repeat;
    vertical-align: middle;
}
.rtl #footer_copyright .row { display: flex; flex-direction: row; align-items: center; }
.rtl #footer_copyright .pull-right,
.rtl #footer_copyright .pull-left { float: none !important; }
aside#nav_menu-2 { display: none !important; }

/* 4. TOP BAR — horaires & adresse AR */
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(1),
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(2) { font-size: 0 !important; }
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(1) i,
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(2) i { font-size: 13px !important; }
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(1)::after {
    content: "الأحد — الخميس : 07:00 ص — 03:00 م";
    font-size: 13px; margin-right: 6px; color: inherit;
}
.header_top_bar .pull-right ul.top_bar_info > li:nth-child(2)::after {
    content: "المعمورة، الجريف غرب، بلوك 81 و 118، الخرطوم، السودان";
    font-size: 13px; margin-right: 6px; color: inherit;
}

/* 5. HEADER — LTR forcé (identique au site EN)
   bootstrap-rtl inverse .navbar-brand (float:right) et .navbar-toggle (float:left)
   → on annule ces inversions pour garder logo à gauche, hamburger à droite */
body.rtl #header .logo-unit,
body.rtl #header .navbar-brand              { float: left  !important; }
body.rtl #header .navbar-toggle             { float: right !important; margin-right: 15px !important; margin-left: auto !important; }
body.rtl #header .header_main_menu_wrapper .navbar-collapse.pull-right { float: right !important; }
/* Top bar : garder les icônes sociales à droite, infos à gauche */
body.rtl #header .header_top_bar .pull-right { float: right !important; }
body.rtl #header .header_top_bar .pull-left  { float: left  !important; }

/* 6. ICÔNES "4 raisons" */
.elementor-element-cad5110 .elementor-icon-box-icon i,
.elementor-element-cad5110 .elementor-icon-box-title,
.elementor-element-4b692a2 .elementor-icon-box-icon i,
.elementor-element-4b692a2 .elementor-icon-box-title,
.elementor-element-fa77a2c .elementor-icon-box-icon i,
.elementor-element-fa77a2c .elementor-icon-box-title,
.elementor-element-2460401 .elementor-icon-box-icon i,
.elementor-element-2460401 .elementor-icon-box-title { color: #FFB800 !important; }

/* 7. TÉLÉPHONES LTR dans RTL */
.footer-column a[href^="tel:"], .widget a[href^="tel:"],
footer a[href^="tel:"], .site-footer a[href^="tel:"] {
    direction: ltr; unicode-bidi: embed; display: inline-block;
}
.footer-column p, .footer-column span, .footer-column li { unicode-bidi: plaintext; }
#nb_sh_sub1 p, .elementor-element-nb_sh_sub1 p { text-align: right !important; direction: rtl; }

/* 8. RESPONSIVE MOBILE — stack colonnes */
@media (max-width: 767px) {
    .elementor-element-nb_t_inner1 .elementor-container,
    .elementor-element-nb_t_inner1 .elementor-row { flex-wrap: wrap !important; }
    .elementor-element-nb_t_vcol1,
    .elementor-element-nb_t_tcol1 {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
    }
    .elementor-element-nb_sh_inner1 .elementor-container,
    .elementor-element-nb_sh_inner1 .elementor-row { flex-wrap: wrap !important; }
    .elementor-element-nb_sh_c1,
    .elementor-element-nb_sh_c2 {
        width: 100% !important; max-width: 100% !important;
        flex: 0 0 100% !important; margin-bottom: 20px !important;
    }
}

/* 9. HERO — RevSlider visible sur tous les appareils
   mob_hero1 supprimé de la page Elementor le 2026-06-11 */

/* 10. OVERFLOW HORIZONTAL */
html, body { overflow-x: hidden !important; max-width: 100% !important; }