/* =====================================================================
   rtl.css — surcouche droite-à-gauche
   Chemin : css/rtl.css — à charger APRÈS toutes les CSS du thème.

   VERSION CONSERVATRICE. Ne contient plus que des règles vérifiées
   comme fonctionnelles sur capture d'écran. Tout ce qui touchait à la
   géométrie du thème (débords de colonnes, carrousels, boîtes flex)
   a été retiré : ces valeurs vivent dans css/shortcodes.css et
   css/main.css, les surcharger à l'aveugle cassait plus que ça ne
   réparait.

   Chaque règle est doublée html[dir="rtl"] / body.rtl : une seule des
   deux suffit.
   ===================================================================== */

:root {
    --rtl-font: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ---------- Police et sens de lecture ------------------------------ */
html[dir="rtl"],
html[dir="rtl"] body,
body.rtl {
    direction: rtl !important;
    text-align: right;
    font-family: var(--rtl-font) !important;
}

html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] span,
html[dir="rtl"] li, html[dir="rtl"] blockquote,
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] button,
html[dir="rtl"] .widget-title, html[dir="rtl"] .title,
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl p, body.rtl a, body.rtl span, body.rtl li, body.rtl blockquote,
body.rtl input, body.rtl textarea, body.rtl button,
body.rtl .widget-title, body.rtl .title {
    font-family: var(--rtl-font) !important;
    letter-spacing: 0 !important;
}

/* Revolution Slider : POLICE UNIQUEMENT.
   Ne pas toucher à direction ni aux descendants : le slider mesure la
   largeur de chaque calque en JS, toute intervention le fait rogner le
   texte jusqu'à le rendre invisible. L'arabe pur s'affiche déjà de
   droite à gauche par l'algorithme bidi du navigateur, sans avoir
   besoin de direction:rtl. */
html[dir="rtl"] rs-layer,
html[dir="rtl"] .rs-layer,
body.rtl rs-layer,
body.rtl .rs-layer {
    font-family: var(--rtl-font) !important;
}

/* ---------- Chiffres, téléphones, e-mails : toujours LTR ----------- */
html[dir="rtl"] [dir="ltr"], html[dir="rtl"] bdi,
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"],
body.rtl [dir="ltr"], body.rtl bdi,
body.rtl a[href^="tel:"], body.rtl a[href^="mailto:"] {
    direction: ltr !important;
    unicode-bidi: isolate;
    display: inline-block;
}

/* ---------- Alignements utilitaires -------------------------------- */
html[dir="rtl"] .text-left,  body.rtl .text-left  { text-align: right !important; }
html[dir="rtl"] .text-right, body.rtl .text-right { text-align: left  !important; }

/* ---------- Listes -------------------------------------------------- */
html[dir="rtl"] ul, html[dir="rtl"] ol,
body.rtl ul, body.rtl ol {
    padding-right: 1.2rem;
    padding-left: 0;
}
html[dir="rtl"] .cmt-list, html[dir="rtl"] .widget-menu,
html[dir="rtl"] .autre-VDR, html[dir="rtl"] .breadcrumb-wrapper,
html[dir="rtl"] .menu, html[dir="rtl"] .mega-submenu,
html[dir="rtl"] .menu-footer-quick-links,
body.rtl .cmt-list, body.rtl .widget-menu,
body.rtl .autre-VDR, body.rtl .breadcrumb-wrapper,
body.rtl .menu, body.rtl .mega-submenu,
body.rtl .menu-footer-quick-links {
    padding-right: 0;
    list-style-position: inside;
}
html[dir="rtl"] .cmt-list li, body.rtl .cmt-list li {
    padding-right: 30px;
    padding-left: 0;
}
html[dir="rtl"] .cmt-list li i,
html[dir="rtl"] .cmt-list-style-icon li i,
body.rtl .cmt-list li i,
body.rtl .cmt-list-style-icon li i {
    right: 0;
    left: auto;
    margin-left: 8px;
    margin-right: 0;
}
html[dir="rtl"] .cmt-list-li-content, body.rtl .cmt-list-li-content { display: inline; }

/* ---------- Widgets / sidebar / pied de page ----------------------- */
html[dir="rtl"] .widget, body.rtl .widget { text-align: right; }
html[dir="rtl"] .widget-menu li a,
html[dir="rtl"] .menu-footer-quick-links li a,
body.rtl .widget-menu li a,
body.rtl .menu-footer-quick-links li a {
    padding-right: 20px;
    padding-left: 0;
}
html[dir="rtl"] .widget-menu li a::before, html[dir="rtl"] .widget-menu li a i,
body.rtl .widget-menu li a::before, body.rtl .widget-menu li a i { right: 0; left: auto; }
html[dir="rtl"] .widget-title::before, html[dir="rtl"] .widget-title::after,
body.rtl .widget-title::before, body.rtl .widget-title::after { right: 0; left: auto; }
html[dir="rtl"] .widget_contact_wrapper li i,
body.rtl .widget_contact_wrapper li i { margin-left: 10px; margin-right: 0; }

/* ---------- Barre supérieure --------------------------------------- */
html[dir="rtl"] .top_bar_contact_item, body.rtl .top_bar_contact_item {
    margin-left: 25px;
    margin-right: 0;
}
html[dir="rtl"] .top_bar_icon, body.rtl .top_bar_icon {
    margin-left: 0;
    margin-right: 8px;
}

/* ---------- Sous-menus de navigation ------------------------------- */
html[dir="rtl"] .site-navigation .sub-menu,
html[dir="rtl"] .mega-submenu,
body.rtl .site-navigation .sub-menu,
body.rtl .mega-submenu { text-align: right; }
html[dir="rtl"] .site-navigation .sub-menu li a,
html[dir="rtl"] .mega-submenu li a,
body.rtl .site-navigation .sub-menu li a,
body.rtl .mega-submenu li a { padding-right: 20px; padding-left: 0; }

/* ---------- Formulaires -------------------------------------------- */
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select,
body.rtl input, body.rtl textarea, body.rtl select {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="number"],
body.rtl input[type="tel"], body.rtl input[type="email"],
body.rtl input[type="url"], body.rtl input[type="number"] {
    text-align: left;
    direction: ltr;
}
html[dir="rtl"] .text-input i, body.rtl .text-input i { right: 15px; left: auto; }
html[dir="rtl"] .text-input input, html[dir="rtl"] .text-input textarea,
body.rtl .text-input input, body.rtl .text-input textarea {
    padding-right: 45px;
    padding-left: 15px;
}

/* ---------- Citations ---------------------------------------------- */
html[dir="rtl"] blockquote, body.rtl blockquote {
    border-right: 4px solid currentColor;
    border-left: 0;
    padding-right: 20px;
    padding-left: 0;
}

/* ---------- Icônes directionnelles -------------------------------- */
html[dir="rtl"] .fa-angle-right::before, body.rtl .fa-angle-right::before { content: "\f104"; }
html[dir="rtl"] .fa-angle-left::before,  body.rtl .fa-angle-left::before  { content: "\f105"; }
html[dir="rtl"] .fa-arrow-right::before, body.rtl .fa-arrow-right::before { content: "\f060"; }
html[dir="rtl"] .fa-arrow-left::before,  body.rtl .fa-arrow-left::before  { content: "\f061"; }
html[dir="rtl"] .fa-long-arrow-right::before, body.rtl .fa-long-arrow-right::before { content: "\f177"; }
html[dir="rtl"] .fa-long-arrow-left::before,  body.rtl .fa-long-arrow-left::before  { content: "\f178"; }

/* ---------- Boutons flottants ------------------------------------- */
html[dir="rtl"] #totop,    body.rtl #totop    { left: 25px;  right: auto; }
html[dir="rtl"] #calling,  body.rtl #calling  { left: auto;  right: 0; }
html[dir="rtl"] #whatsapp, body.rtl #whatsapp { right: auto; left: 0; }


.widget ul.menu-footer-quick-links li a {
     padding-right: 18px;
}
 .widget ul.menu-footer-quick-links li a:before {
     content: "\e64a";
     right: 0;
}
 nav.main-menu ul.menu > li > a.mega-menu-link:after {
     margin-right: 4px;
}
 nav.main-menu li.mega-menu-item ul.mega-submenu li.mega-menu-item > a.mega-menu-link:before {
     float: left;
     content: "\f104";
}
 nav.main-menu ul.menu li ul.mega-submenu li a {
     text-align: right;
}
 .widget-Categories ul li a {
     padding-right: 25px;
}
 .widget-Categories ul li a:before {
     right: 0;
}
 .featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title {
     padding-right: 15px;
}
 .cmt-list.cmt-list-style-icon .cmt-list-li-content {
     padding-right: 25px;
}
 .cmt-right-span > .cmt-col-wrapper-bg-layer {
     margin-left: -500px;
}
    .menubar
 {
        left: 0;
       right: unset;
    }
	
	
	.imgPQ {
		padding: 80px 65px 65px 0;
		
	}
	
	    .cmt-right-span > .cmt-col-wrapper-bg-layer
 {
        margin-right: 0 !important;
    }
	
	ul.widget_contact_wrapper li
 {
    padding-right: 30px;
    position: relative;
    padding-bottom: 16px;
    line-height: 25px;
}

ul.widget_contact_wrapper li i {
    position: absolute;
    right: 0px;
    top: 4px;
    line-height: 1;
    font-size: 17px;
    font-weight: 400;
}