/* RTL Styles */
/* Note: Direction is now handled by specific element selectors below */

[dir="rtl"] .it-header-logo-red {
    margin-right: 0 !important;
    margin-left: 15px;
}

[dir="rtl"] .it-header-menu > nav > ul {
    padding-right: 0;
}

[dir="rtl"] .it-header-menu > nav > ul > li {
    margin-right: 0;
    margin-left: 5px;
}

[dir="rtl"] .it-header-menu > nav > ul > li:last-child {
    margin-left: 0;
}

[dir="rtl"] .it-submenu {
    left: auto;
    right: 0;
}

[dir="rtl"] .search-input {
    padding-right: 20px;
    padding-left: 50px;
}
/*direction fleches*/
/* Inverser les flèches de navigation du swiper en mode RTL */
[dir="ltr"] .it-project-arrow-wrap {
    direction: ltr;
}

[dir="ltr"] .it-project-arrow-wrap .arrow-next {
    order: 2;
}

[dir="ltr"] .it-project-arrow-wrap .arrow-prev {
    order: 1;
}
[dir="rtl"] .it-project-arrow-wrap .arrow-next svg,
[dir="rtl"] .it-project-arrow-wrap .arrow-prev svg {
    transform: scaleX(-1);
}
/*imae about inversée*/
[dir="rtl"] .it-about-shape-1 {
    transform: scaleX(1);
}

/* LTR → image inversée horizontalement */
[dir="ltr"] .it-about-shape-1 {
    transform: scaleX(-1);
}

[dir="rtl"] .search-box-outer {
    right: auto;
    left: 0;
}
[dir="rtl"] .it-newsletter-input-box .input-wrap input {
    height: 55px;
    width: 100%;
    border: none;
    outline: none;
    padding: 0 70px 0 25px; /* espace à droite pour le bouton */
}
[dir="ltr"] .it-newsletter-input-box .input-wrap input {
    height: 55px;
    width: 100%;
    border: none;
    outline: none;
    padding: 0 25px 0 70px; /* espace à droite pour le bouton */
}
[dir="ltr"] .it-newsletter-input-box .input-wrap button {
    position: absolute;
    top: 50%;
    left: 8px; /* remplace right */
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
}
[dir="ltr"] .it-newsletter-input-box .input-wrap button {
    position: absolute;
    top: 50%;
    right: 8px; /* remplace right */
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
}
/* LTR Styles */
/* Note: Direction is now handled by specific element selectors below */

[dir="ltr"] .it-header-logo-red {
    margin-left: 0;
    margin-right: 15px;
}
[dir="ltr"] .welcome-section h1 {
    text-align: center;
}
[dir="rtl"] .welcome-section h1 {
    text-align: center;
}


[dir="ltr"] .it-header-menu > nav > ul {
    padding-left: 0;
}
[dir="ltr"] .it-about-shape-1 {
    right: 0 !important;
}
[dir="rtl"] .it-about-shape-1 {
    left: 0 !important;
}

[dir="ltr"] .it-header-menu > nav > ul > li {
    margin-left: 0;
    margin-right: 0px;
}
[dir="ltr"] .form-check-label {
    padding-left:30px;
	padding-bottom: 5px;
}
[dir="ltr"] .form-check .form-check-input {
    float: left;
}


[dir="ltr"] .it-header-menu > nav > ul > li:last-child {
    margin-right: 0;
}

[dir="ltr"] .it-submenu {
    right: auto;
    left: 0;
}

[dir="ltr"] .search-input {
    padding-left: 20px;
    padding-right: 50px;
}

[dir="ltr"] .search-box-outer {
    left: auto;
    right: 0;
}

/* Menu RTL Styles */
[dir="rtl"] .it-header-menu {
    float: right;
}

[dir="rtl"] .it-header-menu > nav > ul > li {
    float: right;
}

[dir="rtl"] .it-header-menu .it-submenu {
    right: 0;
    left: auto;
}

[dir="rtl"] .it-header-menu .has-children-link::after {
    margin-right: 5px;
    margin-left: 0;
}

/* Menu LTR Styles */
[dir="ltr"] .it-header-menu {
    float: left;
}

[dir="ltr"] .it-header-menu > nav > ul > li {
    float: left;
}

[dir="ltr"] .it-header-menu .it-submenu {
    left: 0;
    right: auto;
}

[dir="ltr"] .it-header-menu .has-children-link::after {
    margin-left: 5px;
    margin-right: 0;
}

/* Sous-menu de niveau 2 - doit être sous le menu principal (LTR) */
[dir="ltr"] .it-header-menu > nav > ul > li > .it-submenu {
    left: 0 !important;
    right: auto !important;
}

/* Sous-menu de niveau 3 - doit être à droite du niveau 2 (LTR) */
[dir="ltr"] .it-header-menu .submenu-level-3 {
    left: 100% !important;
    right: auto !important;
    margin-left: 2px !important;
    margin-right: 0 !important;
}

/* Sous-menu de niveau 2 - doit être sous le menu principal (RTL) */
[dir="rtl"] .it-header-menu > nav > ul > li > .it-submenu {
    right: 0 !important;
    left: auto !important;
}

/* Sous-menu de niveau 3 - doit être à gauche du niveau 2 (RTL) */
[dir="rtl"] .it-header-menu .submenu-level-3 {
    right: 100% !important;
    left: auto !important;
    margin-right: 2px !important;
    margin-left: 0 !important;
}

/* Alignement des textes dans les sous-menus - LTR */
[dir="ltr"] .it-header-menu .it-submenu,
[dir="ltr"] .it-header-menu .submenu-level-3 {
    text-align: left !important;
}

[dir="ltr"] .it-header-menu .it-submenu li,
[dir="ltr"] .it-header-menu .submenu-level-3 li {
    text-align: left !important;
}

[dir="ltr"] .it-header-menu .it-submenu a,
[dir="ltr"] .it-header-menu .submenu-level-3 a {
    text-align: left !important;
    direction: ltr !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Alignement des textes dans les sous-menus - RTL */
[dir="rtl"] .it-header-menu .it-submenu,
[dir="rtl"] .it-header-menu .submenu-level-3 {
    text-align: right !important;
}

[dir="rtl"] .it-header-menu .it-submenu li,
[dir="rtl"] .it-header-menu .submenu-level-3 li {
    text-align: right !important;
}

[dir="rtl"] .it-header-menu .it-submenu a,
[dir="rtl"] .it-header-menu .submenu-level-3 a {
    text-align: right !important;
    direction: rtl !important;
    padding-right: 0px !important;
    padding-left: 20px !important;
}

/* Mobile Menu Styles */
@media (max-width: 1199px) {
    [dir="rtl"] .menu-burger {
        margin-right: auto;
        margin-left: 15px;
		left: 15px;
    }

    [dir="ltr"] .menu-burger {
        margin-left: auto;
        margin-right: 15px;
		right: 15px;
    }

    [dir="rtl"] .it-menu-content {
        text-align: right;
    }

    [dir="ltr"] .it-menu-content {
        text-align: left;
    }

    [dir="rtl"] .it-menu-content .has-children-link::after {
        left: 10px;
        right: auto;
    }

    [dir="ltr"] .it-menu-content .has-children-link::after {
        right: 10px;
        left: auto;
    }

    [dir="rtl"] .it-submenu {
        padding-right: 20px;
        padding-left: 0;
    }

    [dir="ltr"] .it-submenu {
        padding-left: 20px;
        padding-right: 0;
    }
}
/*LOGIN PASSWORD EYE DIRECTION
/* Positionnement de l'icône d'œil pour les champs de mot de passe */
/* Version RTL (Arabe) - icône à droite */
[dir="rtl"] .position-relative input[type="password"],
[dir="rtl"] .position-relative input[type="text"] {
    padding-right: 45px;
    padding-left: 1rem;
}

[dir="rtl"] .position-relative .end-0 {
    right: 0 !important;
    left: auto !important;
}

/* Version LTR (Français) - icône à gauche */
[dir="ltr"] .position-relative input[type="password"],
[dir="ltr"] .position-relative input[type="text"] {
    padding-left: 45px;
    padding-right: 1rem;
}

[dir="ltr"] .position-relative .end-0 {
    left: 0 !important;
    right: auto !important;
}

[dir="ltr"] .position-relative .end-0.translate-middle-y {
    transform: translateY(-50%) !important;
    padding-left: 0.75rem;
    padding-right: 0;
}

[dir="rtl"] .position-relative .end-0.translate-middle-y {
    transform: translateY(-50%) !important;
    padding-right: 0.75rem;
    padding-left: 0;
}

/* Alternative plus spécifique si nécessaire */
[dir="ltr"] .position-relative span[onclick*="togglePassword"] {
    left: 0 !important;
    right: auto !important;
    padding-left: 0.75rem !important;
    padding-right: 0 !important;
}

[dir="rtl"] .position-relative span[onclick*="togglePassword"] {
    right: 0 !important;
    left: auto !important;
    padding-right: 0.75rem !important;
    padding-left: 0 !important;
}
/* Common styles for both directions */
.language-selector {
    margin: 0 15px;
}

.ministry-info {
    text-align: inherit;
}

/* Fix dropdown alignment */
.dropdown-menu {
    text-align: inherit;
}

/* Fix form elements alignment */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

[dir="ltr"] input,
[dir="ltr"] textarea,
[dir="ltr"] select {
    text-align: left;
    direction: ltr;
}

/* Fix labels alignment */
[dir="rtl"] label {
    text-align: right;
}

[dir="ltr"] label {
    text-align: left;
}

/* Fix form-control alignment */
[dir="rtl"] .form-control {
    text-align: right;
    direction: rtl;
}

[dir="ltr"] .form-control {
    text-align: left;
    direction: ltr;
}

/* Fix col-form-label alignment */
[dir="rtl"] .col-form-label {
    text-align: right;
}

[dir="ltr"] .col-form-label {
    text-align: left;
}

/* Fix Bootstrap row direction */
[dir="rtl"] .row {
    direction: rtl;
}

[dir="ltr"] .row {
    direction: ltr;
}

/* Fix form-group row direction */
[dir="rtl"] .form-group.row {
    direction: rtl;
}

[dir="ltr"] .form-group.row {
    direction: ltr;
}

/* Ensure form sections follow direction */
[dir="rtl"] .form-section {
    direction: rtl;
}

[dir="ltr"] .form-section {
    direction: ltr;
}

/* Fix card direction */
[dir="rtl"] .card {
    direction: rtl;
}

[dir="ltr"] .card {
    direction: ltr;
}

/* Fix headings alignment */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    text-align: right;
    direction: rtl;
}

[dir="ltr"] h1,
[dir="ltr"] h2,
[dir="ltr"] h3,
[dir="ltr"] h4,
[dir="ltr"] h5,
[dir="ltr"] h6 {
    text-align: left;
    direction: ltr;
}

/* Fix select options alignment */
[dir="rtl"] option {
    text-align: right;
    direction: rtl;
}

[dir="ltr"] option {
    text-align: left;
    direction: ltr;
}

/* Fix placeholder alignment */
[dir="rtl"] ::placeholder {
    text-align: right;
}

[dir="ltr"] ::placeholder {
    text-align: left;
}

/* Fix span alignment - only for form-related spans */
[dir="rtl"] .form-group span,
[dir="rtl"] .form-control span,
[dir="rtl"] .form-section span {
    text-align: right;
}

[dir="ltr"] .form-group span,
[dir="ltr"] .form-control span,
[dir="ltr"] .form-section span {
    text-align: left;
}

/* Fix step indicator direction */
[dir="rtl"] .step-indicator {
    direction: rtl;
}

[dir="ltr"] .step-indicator {
    direction: ltr;
}

/* Fix step indicator spans */
[dir="rtl"] .step-indicator span {
    text-align: right;
}

[dir="ltr"] .step-indicator span {
    text-align: left;
}