/* 

 * Style RTL pour la version arabe

 * Direction: Right-to-Left

 */



/* Direction générale */

body.rtl,

html[lang="ar"] body {

    direction: rtl;

    text-align: right;

}



/* Navigation */

.main-menu {

    direction: rtl;

}



.main-menu > li {

    float: right;

}



/* Sous-menus doivent être en colonne */

.main-menu .dropdown-menu,

.main-menu .sub-menu {

    display: none;

    flex-direction: column !important;

    align-items: stretch !important;

}



/* Afficher au survol */

/* .main-menu .dropdown:hover > .dropdown-menu,

.main-menu .menu-item-has-children:hover > .sub-menu {

    display: flex !important;

} */



.main-menu .dropdown-menu li,

.main-menu .sub-menu li {

    float: none !important;

    display: flex !important;

    width: 100% !important;

    flex-direction: column !important;

}



.main-menu .dropdown-menu > li,

.main-menu .sub-menu > li {

    width: 100% !important;

}



.dropdown-menu,

.sub-menu {

    left: auto !important;

    right: 0 !important;

    text-align: right;

    flex-direction: column !important;

    min-width: 280px !important;

    max-width: 350px !important;

}



.dropdown > a::after,

.menu-item-has-children > a::after {

    margin-left: 0;

    margin-right: 6px;

}



.main-menu .dropdown > a,

.main-menu .menu-item-has-children > a {

    direction: rtl;

}



/* Amélioration de l'alignement des sous-menus */

.main-menu .dropdown-menu,

.main-menu .sub-menu {

    left: auto !important;

    right: 0 !important;

    min-width: 280px !important;

}


/* 
.main-menu .dropdown:hover .dropdown-menu,

.main-menu .menu-item-has-children:hover .sub-menu {

    display: flex !important;

} */



.main-menu .dropdown-menu li,

.main-menu .sub-menu li {

    direction: rtl;

    text-align: right;

    display: flex !important;

    flex-direction: column !important;

    width: 100%;

    float: none !important;

}



.main-menu .dropdown-menu a,

.main-menu .sub-menu a {

    width: 100%;

    display: block !important;

    white-space: normal !important;

    word-wrap: break-word;

    line-height: 1.4;

}



/* Contact Info Header */

.contact-info {

    direction: rtl;

}



.contact-info .separator {

    margin: 0 5px;

}



/* Language Selector */

.language-selector {

    direction: ltr;

}



.language-switcher {

    direction: ltr;

}



.language-item {

    direction: ltr;

}



/* Breadcrumb */

.breadcrumb {

    direction: rtl;

}



.breadcrumb-item + .breadcrumb-item::before {

    float: left;

    padding-right: 0;

    padding-left: 0.5rem;

    content: "/";

}



/* Buttons et liens */

.cta-btn,

.btn,

.card-link,

.read-more,

.btn-read-more {

    text-align: center;

}



/* Forms */

.form-group label,

.field-input,

.field-textarea,

.newsletter-input {

    text-align: right;

    direction: rtl;

}



/* Newsletter */

.newsletter-form {

    direction: rtl;

}



.newsletter-btn {

    border-radius: 5px 0 0 5px;

}



.newsletter-input {

    border-radius: 0 5px 5px 0;

}



/* Footer */

.footer-section {

    text-align: right;

}



.footer-links ul,

.footer-services ul {

    padding-right: 0;

    padding-left: 0;

}



.footer-bottom-content {

    direction: rtl;

}



/* Contact Section */

.contact-info-panel,

.contact-form {

    text-align: right;

}



.info-item strong {

    display: block;

    text-align: right;

}



/* Stats Section */

.stat-item {

    text-align: center;

}



.stat-label {

    text-align: center;

}



/* News Cards */

.news-card {

    text-align: right;

}



.news-content {

    text-align: right;

}



/* Payment Cards */

.payment-card {

    text-align: center;

}



/* Dropdown Menu Alignment */

.dropdown-menu,

.sub-menu {

    left: auto !important;

    right: 0 !important;

    text-align: right;

    direction: rtl;

}



.dropdown-menu li,

.sub-menu li {

    text-align: right;

    display: flex !important;

    flex-direction: column !important;

    width: 100%;

    float: none !important;

}



.dropdown-menu a,

.sub-menu a {

    text-align: right;

    padding-right: 20px !important;

    padding-left: 20px !important;

    border-left: none !important;

    border-right: 3px solid transparent !important;

    direction: rtl;

    display: block !important;

    width: 100% !important;

    white-space: normal !important;

}



.dropdown-menu a:hover,

.sub-menu a:hover {

    padding-right: 24px;

    padding-left: 20px;

    border-right-color: #0089c0;

    border-left: none;

}



/* Carousel Navigation */

.carousel-btn.prev {

    right: auto;

    left: 20px;

}



.carousel-btn.next {

    left: auto;

    right: 20px;

}



/* Icons alignment */

.fas, .fab {

    margin-left: 8px;

    margin-right: 0;

}



.contact-info i {

    margin-left: 8px;

    margin-right: 0;

}



/* Metiers Page - Lists */

.metier-list {

    text-align: right;

    padding-right: 0;

    padding-left: 0;

}



.metier-list li {

    text-align: right;

    padding-right: 25px;

    padding-left: 0;

}



/* Check Lists */

.check-list {

    text-align: right;

    padding-right: 0;

}



.check-list li {

    text-align: right;

}



.check-list i {

    margin-left: 8px;

    margin-right: 0;

}



/* About Stats */

.about-stats {

    direction: rtl;

}



.stat-item i {

    margin-left: 0;

    margin-right: 0;

}



/* Table - Appels d'offres */

.ao-table {

    direction: rtl;

}



.ao-table th,

.ao-table td {

    text-align: right;

}



.ao-table th:first-child,

.ao-table td:first-child {

    text-align: right;

}



/* Sidebar */

.sidebar-widget {

    text-align: right;

}



.categories-list {

    padding-right: 0;

}



.categories-list li {

    text-align: right;

}



.recent-article-info {

    text-align: right;

}



/* Search Box */

.search-box {

    direction: rtl;

}



.search-input {

    text-align: right;

}



/* Pagination */

.pagination {

    direction: rtl;

}



/* Social Icons */

.social-icons {

    direction: ltr;

}



.social-links {

    direction: ltr;

}



/* Logo */

.logo {

    text-align: right;

}



/* Navigation Actions */

.nav-actions {

    direction: ltr;

}



/* Hero Section Text */

.slide-text h2,

.slide-text p {

    text-align: right;

}



/* Section Titles */

.section-title,

.section-title-main {

    text-align: center;

}



/* Adjustments for specific elements */

.metier-intro,

.objectifs-intro,

.intro-text {

    text-align: right;

}



/* Contact Page */

.contact-info-column {

    text-align: right;

}



.contact-form-column {

    text-align: right;

}



.info-title,

.form-title {

    text-align: right;

}



/* Phone Grid */

.phones-grid {

    direction: rtl;

}



/* Info Separator */

.info-separator {

    direction: rtl;

}



/* Responsive adjustments */



/* Tablette RTL - 768px to 991px */

@media (max-width: 991px) {

    .main-menu {

        text-align: center;

    }

    

    .main-menu li {

        float: none !important;

        width: 100%;

    }

    

    .main-menu a {

        text-align: center;

    }

    

    .dropdown-menu,

    .sub-menu {

        left: 0 !important;

        right: 0 !important;

        width: 100%;

    }

    

    .nav-actions {

        justify-content: center;

    }

    

    .footer-content {

        text-align: center;

    }

    

    .footer-section ul {

        text-align: center;

    }

}



/* Mobile RTL - moins de 768px */

@media (max-width: 768px) {

    .main-menu {

        text-align: center;

    }

    

    .nav-links {

        text-align: center;

    }

    

    .slide-text {

        text-align: center;

    }

    

    .slide-text h2,

    .slide-text p {

        text-align: center;

    }

    

    .contact-info {

        flex-direction: column;

        text-align: center;

    }

    

    .language-selector {

        justify-content: center;

    }

    

    .header-content {

        text-align: center;

    }

    

    .footer-section {

        text-align: center;

    }

    

    .footer-section ul {

        text-align: center;

    }

    

    .contact-item {

        text-align: center;

    }

    

    .stat-item {

        text-align: center;

    }

    

    .metier-block,

    .info-card {

        text-align: center;

    }

    

    .metier-list,

    .check-list,

    .objectifs-list {

        text-align: right;

        padding: 0 20px;

    }

    

    .metier-list li,

    .check-list li,

    .objectifs-list li {

        text-align: right;

    }

}



/* Très petit mobile RTL - moins de 480px */

@media (max-width: 480px) {

    .slide-text h2 {

        font-size: 24px;

    }

    

    .slide-text p {

        font-size: 14px;

    }

    

    .section-title {

        font-size: 26px;

    }

    

    .carousel-btn {

        left: 10px;

    }

    

    .carousel-btn.next {

        right: 10px;

        left: auto;

    }

}



/* Fix for FontAwesome icons in RTL */

.fa, .fas, .far, .fal, .fab {

    display: inline-block;

}



/* Ensure proper text direction for mixed content */

.article-body,

.news-content,

.metier-block,

.info-card {

    text-align: right;

}



/* Lists */

ul, ol {

    padding-right: 20px;

    padding-left: 0;

}



/* Objectifs List */

.objectifs-list {

    text-align: right;

    padding-right: 20px;

    padding-left: 0;

}



.objectifs-list li {

    text-align: right;

}



/* Tender Table */

.tender-card {

    text-align: right;

}



/* Gallery */

.gallery-item {

    text-align: center;

}



/* Video wrapper */

.video-wrapper {

    direction: ltr;

}



/* Popup Checkbox RTL */

.popup-checkbox {

    direction: rtl;

}



.popup-checkbox label {

    text-align: right;

}



/* Single Post Page */

.single-post-content {

    text-align: right;

}



.single-post-title {

    text-align: right;

}



.single-post-meta {

    direction: rtl;

    flex-direction: row-reverse;

}



.post-date,

.post-author {

    direction: rtl;

}



.post-date i,

.post-author i {

    margin-left: 8px;

    margin-right: 0;

}



.single-post-body {

    text-align: right;

}



.single-post-body ul,

.single-post-body ol {

    padding-right: 20px;

    padding-left: 0;

}



.single-post-share {

    text-align: right;

}



.share-buttons {

    direction: ltr;

}



.related-posts {

    text-align: right;

}



.related-post-content {

    text-align: right;

}



