.elementor-kit-8{--e-global-color-primary:#E56A29;--e-global-color-secondary:#0A1317;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-df9a22a:#DF5004;--e-global-color-7fd29b7:#E56A29BF;--e-global-color-086adcd:#174A63;--e-global-color-d6ec444:#2354FF;--e-global-color-d2d8381:#172B36;--e-global-color-6b016ed:#2D4653;--e-global-color-eeabc6e:#0A1317A6;--e-global-color-05bb823:#0A131780;--e-global-color-fc34ba2:#0A131733;--e-global-color-1eb29fc:#4D4D4D;--e-global-color-1a1047e:#0000001A;--e-global-color-f3a5be2:#00000066;--e-global-color-07fcfbd:#FFFFFFD9;--e-global-color-591e7a8:#F4F8FA;--e-global-color-e393137:#DEE8ED;--e-global-color-e6bfc0b:#F7F6F2;--e-global-color-be9737e:#403C3B;--e-global-color-f5902ce:#322F2F;--e-global-color-e7aebc1:#EFEEEA;--e-global-typography-accent-font-family:"General sans";--e-global-typography-accent-font-weight:normal;--e-global-typography-text-font-family:"General sans";--e-global-typography-primary-font-family:"General sans";--e-global-typography-secondary-font-family:"General sans";--e-global-typography-76df515-font-family:"General sans";--e-global-typography-76df515-font-size:clamp(28px, 0.944vw + 25.873px, 36px);--e-global-typography-76df515-font-weight:400;--e-global-typography-76df515-line-height:1.4em;--e-global-typography-af398b2-font-family:"General sans";--e-global-typography-af398b2-font-size:clamp(20px, 0.315vw + 17.958px, 24px);--e-global-typography-af398b2-font-weight:400;--e-global-typography-e75fb23-font-family:"General sans";--e-global-typography-e75fb23-font-size:clamp(18px, 0.157vw + 16.979px, 20px);--e-global-typography-e75fb23-font-weight:400;--e-global-typography-bfded3b-font-family:"General sans";--e-global-typography-bfded3b-font-size:clamp(16px, 0.157vw + 14.979px, 18px);--e-global-typography-bfded3b-font-weight:400;--e-global-typography-40cfd1c-font-family:"General sans";--e-global-typography-40cfd1c-font-size:clamp(15px, 0.079vw + 14.489px, 16px);--e-global-typography-40cfd1c-font-weight:400;--e-global-typography-04a1392-font-family:"General sans";--e-global-typography-04a1392-font-size:14px;--e-global-typography-04a1392-font-weight:400;--e-global-typography-65abd91-font-family:"General sans";--e-global-typography-65abd91-font-size:12px;--e-global-typography-65abd91-font-weight:400;--e-global-typography-617e91b-font-family:"newsreader";--e-global-typography-617e91b-font-size:clamp(48px, 1.888vw + 35.745px, 72px);--e-global-typography-617e91b-font-weight:normal;--e-global-typography-617e91b-line-height:1.2em;--e-global-typography-3fbc5d9-font-family:"newsreader";--e-global-typography-3fbc5d9-font-size:clamp(34px, 1.101vw + 26.851px, 48px);--e-global-typography-3fbc5d9-font-weight:normal;--e-global-typography-3fbc5d9-line-height:1.2em;--e-global-typography-93cb7ed-font-family:"newsreader";--e-global-typography-93cb7ed-font-size:clamp(32px, 0.944vw + 25.873px, 44px);--e-global-typography-93cb7ed-font-weight:normal;--e-global-typography-93cb7ed-line-height:1.2em;--e-global-typography-863bae9-font-family:"newsreader";--e-global-typography-863bae9-font-size:clamp(28px, 0.944vw + 21.873px, 40px);--e-global-typography-863bae9-font-weight:normal;--e-global-typography-863bae9-line-height:1.2em;--e-global-typography-55ffe8c-font-family:"newsreader";--e-global-typography-55ffe8c-font-size:clamp(24px, 0.629vw + 19.915px, 32px);--e-global-typography-55ffe8c-font-weight:normal;--e-global-typography-55ffe8c-line-height:1.2;--e-global-typography-56835d5-font-family:"newsreader";--e-global-typography-56835d5-font-size:clamp(20px, 0.315vw + 17.958px, 24px);--e-global-typography-56835d5-font-weight:normal;--e-global-typography-56835d5-line-height:1.2em;--e-global-typography-bf70075-font-family:"newsreader";--e-global-typography-bf70075-font-size:14px;--e-global-typography-bf70075-font-weight:normal;--e-global-typography-bf70075-line-height:1.2em;--e-global-typography-66fb200-font-family:"General sans";--e-global-typography-66fb200-font-size:clamp(16px, 0.315vw + 13.958px, 20px);--e-global-typography-66fb200-font-weight:300;--e-global-typography-66fb200-text-transform:uppercase;--e-global-typography-66fb200-letter-spacing:0.08em;--e-global-typography-8965d89-font-family:"General sans";--e-global-typography-8965d89-font-size:12px;--e-global-typography-8965d89-font-weight:300;--e-global-typography-8965d89-text-transform:uppercase;--e-global-typography-8965d89-letter-spacing:0.04em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:650px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==== Global ==== */
html,body {
    overflow-x: hidden;
}







/* ==== HEADER ==== */
/* ==== HEADER ==== */




/* underline animé (hover + actif) sur le nouveau menu e-n-menu */
.header-menu .e-n-menu-title-container{position:relative;text-decoration:none}
.header-menu .e-n-menu-title-container:after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;transition:.22s
}
.header-menu .e-n-menu-title:hover .e-n-menu-title-container:after,
.header-menu .e-n-menu-title.e-current .e-n-menu-title-container:after,
.header-menu .e-n-menu-title-container.is-active:after{transform:scaleX(1)}


/* ==== FIN HEADER ==== */
/* ==== FIN HEADER ==== */
















/* ==== FIL ARIANE ==== */
/* ==== FIL ARIANE ==== */

/* souligné seulement au hover */
.breadcrumb-active a{
  position: relative;
  text-decoration: none;
  color: #0A1317;
}

.breadcrumb-active a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: #2354FF;
  transition: width .2s ease;
}

.breadcrumb-active a:hover::after{
  width: 100%;
}

/* ==== FIL ARIANE ==== */
/* ==== FIL ARIANE ==== */
















/* ==== FAQ ==== */
/* ==== FAQ ==== */

/* Bloc unique */
.faq details.e-n-accordion-item{
  border: 1px solid #D7E3EA;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

/* Titre */
.faq summary.e-n-accordion-item-title{
  padding: 24px !important;
  display: flex;
  align-items: flex-start;
}

/* Contenu */
.faq details.e-n-accordion-item [role="region"]{
  padding: 0 12px 12px !important;
  border: 0 !important;
}

/* Écart titre -> contenu quand ouvert */
.faq details.e-n-accordion-item[open] > summary.e-n-accordion-item-title{
  padding-bottom: 24px !important;
}

/* Icône : calage en haut à droite */
.faq .e-n-accordion-item-title-icon{
  margin-left: auto;
  flex: 0 0 auto;
  align-self: flex-start;
}

/* Fix marges <p> (évite gros vide) */
.faq details.e-n-accordion-item [role="region"] p{
  margin: 12px 0 0 !important;
}
.faq details.e-n-accordion-item [role="region"] p:first-child{
  margin-top: 0 !important;
}

/* ==== FIN FAQ ==== */
/* ==== FIN FAQ ==== */




















/* ==== FORMULAIRE ==== */
/* ==== FORMULAIRE ==== */

/* alignement du placeholder a gauche */

.form-left .elementor-field-textual{
  padding: 6px 0px !important;
}

/* ZERO FOCUS (Elementor forms) */
.elementor-form .elementor-field:focus,
.elementor-form .elementor-field:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Enlève le fond bleu d'autofill Chrome */
.elementor-form input:-webkit-autofill,
.elementor-form input:-webkit-autofill:hover,
.elementor-form input:-webkit-autofill:focus,
.elementor-form textarea:-webkit-autofill,
.elementor-form textarea:-webkit-autofill:hover,
.elementor-form textarea:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 9999s ease-out 0s; /* petit hack anti reset */
}

/* Supprimer les icônes des messages Elementor */
.elementor-message-success::before,
.elementor-message-danger::before,
.elementor-message-info::before,
.elementor-message-warning::before{
  display: none !important;
}

/* ==== FIN FORMULAIRE ==== */
/* ==== FIN FORMULAIRE ==== */






































/* ==== BOUTON ==== */
/* ==== BOUTON ==== */

/* Animation flèche - boutons ciblés uniquement */
.btn-arrow-anim .elementor-button-icon{
  transition: transform .25s ease;
}

.btn-arrow-anim:hover .elementor-button-icon{
  transform: translateX(4px);
}

/* ==== FIN BOUTON ==== */
/* ==== FIN BOUTON ==== */




















/* ==== Lien souligné ==== */
/* ==== Lien souligné ==== */

.hover-link a{
  position: relative;
  text-decoration: none;
  color: #ffffff;
}

.hover-link a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: width .2s ease;
}

.hover-link a:hover::after{
  width: 100%;
}
/* ==== FIN Lien souligné ==== */
/* ==== FIN Lien souligné ==== */





















/* ==== NOS PARTENAIRES ==== */
/* ==== NOS PARTENAIRES ==== */

/* Ajoute du gap entre les points de navigations et les images */
.elementor-kit-8 .swiper-pagination{
  top: clamp(50px, 9vw, 100px) !important;
  bottom: auto !important;
}


/* Marge des flèche droite et gauche augmenté car impossible en natif */
.elementor-kit-8 .elementor-swiper-button-prev{ left: -20px !important; }
.elementor-kit-8 .elementor-swiper-button-next{ right: -20px !important; }


/* Point actif ovale */
.elementor-kit-8 .swiper-pagination-bullet-active{
  width: 24px !important;     /* ovale */
  height: 12px !important;
  border-radius: 999px !important;
  transition: 300ms;
}

/* Arrondi les coins du container invisible des images au défilement des images */
.elementor-kit-8 .swiper{
  border-radius: 8px;
  overflow: hidden;
}


/* ==== FIN NOS PARTENAIRES ==== */
/* ==== FIN NOS PARTENAIRES ==== */






















/* ==== Solutions HERO BG ==== */
/* ==== Solutions HERO BG ==== */


/* HERO: pleine hauteur (moins header sticky) */
.bg-autoscroll{
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 75px);
}

/* couche background en absolute */
.bg-autoscroll .bg-loop-wrap{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* tapis qui défile */
.bg-autoscroll .bg-loop-track{
  width: 100%;
  display: flex;
  flex-direction: column;

  /* perf */
  transform: translate3d(0,0,0);
  will-change: transform;

  animation: bgLoopY 40s linear infinite; /* vitesse test */
}

/* les 2 images identiques : full largeur + proportions */
.bg-autoscroll .bg-loop-track img{
  display: block;
  width: 100%;
  height: auto;
}

/* ton contenu (texte + image) au-dessus du background */
.bg-autoscroll > *{
  position: relative;
  z-index: 1;
}

/* boucle parfaite: le track contient 2 images, on monte de 50% (= 1 image) */
@keyframes bgLoopY{
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(0,-50%,0); }
}

/* accessibilité */
@media (prefers-reduced-motion: reduce){
  .bg-autoscroll .bg-loop-track{ animation: none !important; }
}

/* Fallback pendant le chargement des images */
.bg-autoscroll .bg-loop-wrap{
  background: #0A1317; /* ou la couleur de ton hero */
}


/* ==== FIN Solutions HERO BG ==== */
/* ==== FIN Solutions HERO BG ==== */






























/* ==== GOOGLE MAP DARK ==== */
/* ==== GOOGLE MAP DARK ==== */

.map-dark{
  position: relative;
  overflow: hidden;
}

.map-dark iframe{
  filter: invert(1)
          hue-rotate(205deg)
          saturate(0.75)
          contrast(0.95)
          brightness(0.92);
}

.map-dark::before{
  content:"";
  position:absolute;
  inset:0;
  background:#04141b;           
  opacity:0.35;                 
  mix-blend-mode:multiply;
  pointer-events:none;
}

.map-dark::after{
  content:"";
  position:absolute;
  inset:0;
  background:#0a3a45;     
  opacity:0.35;                 
  mix-blend-mode:color;
  pointer-events:none;
}


/* ==== FIN GOOGLE MAP DARK ==== */
/* ==== FIN GOOGLE MAP DARK ==== */























/* ==== CONTACT MAP MOBILE ==== */
/* ==== CONTACT MAP MOBILE ==== */


/* ===== TABS FLAGS : carrés, drapeaux, 1 ligne (mobile) ===== */
@media (max-width: 767px){

  /* Ligne d'onglets : space-between + PLUS d'espace dessous */
  .tabs-1line .e-n-tabs-heading{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    padding:0 6px !important;        /* ✅ padding latéral divisé par 2 (12 -> 6) */
    margin-bottom:22px !important;   /* ✅ + d'écart tabs -> contenu */
  }

  /* Onglet = boîte quasi carrée (taille FIXE) */
  .tabs-1line .e-n-tab-title,
  .tabs-1line .e-n-tab-title[aria-selected="true"]{
    flex:0 0 auto !important;
    width:56px !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;

    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:10px;              /* optionnel */
    font-size:0 !important;
    line-height:0 !important;
  }

  /* Réserver la bordure pour que l'actif ne change jamais la taille */
  .tabs-1line .e-n-tab-title{
    border:2px solid transparent !important;
  }
  .tabs-1line .e-n-tab-title[aria-selected="true"]{
    border-color: currentColor !important;
  }

  /* Neutraliser effets actifs éventuels */
  .tabs-1line .e-n-tab-title::after{
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  /* Masquer le texte (accessibilité OK) */
  .tabs-1line .e-n-tab-title span{
    position:absolute !important;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  /* Drapeau par défaut (1 onglet = 1 drapeau) : ✅ plus grand */
  .tabs-1line .e-n-tab-title::before{
    content:"";
    display:block;
    width:36px;                      /* ✅ 30 -> 36 */
    height:24px;                     /* ✅ 20 -> 24 */
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  /* 1) France */
  .tabs-1line .e-n-tab-title:nth-child(1)::before{
    background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/france-6.png");
  }

  /* 2) Algérie */
  .tabs-1line .e-n-tab-title:nth-child(2)::before{
    background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/algeria-1.png");
  }

  /* 3) UAE + Turquie : vertical + ✅ drapeaux plus grands */
  .tabs-1line .e-n-tab-title:nth-child(3){
    flex-direction:column !important;
    gap:4px !important;              /* un peu plus serré pour laisser de la place */
  }
  .tabs-1line .e-n-tab-title:nth-child(3)::before{
    background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/united-arab-emirates-1.png");
    width:34px !important;           /* ✅ 28 -> 34 */
    height:22px !important;          /* ✅ 18 -> 22 */
  }
  .tabs-1line .e-n-tab-title:nth-child(3)::after{
    content:"";
    display:block;
    width:34px !important;           /* ✅ 28 -> 34 */
    height:22px !important;          /* ✅ 18 -> 22 */
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    flex:0 0 auto !important;
    margin:0 !important;
    background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/turkey-1.png");
  }
}


/* ==== FIN CONTACT MAP MOBILE ==== */
/* ==== FIN CONTACT MAP MOBILE ==== */





















/* ==== POLY LANGUE CSS ==== */
/* ==== POLY LANGUE CSS ==== */

/* forcer taille des drapeaux */
.elementor-widget-wp-widget-polylang nav li a img{
  height: 12px !important;  /* ajuste */
  width: auto !important;   /* garde les proportions */
  display: block;
}

.elementor-widget-wp-widget-polylang nav ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;

  display: flex;
  align-items: center;
  gap: 10px;              /* espace entre les langues */
}

/* enlève tout marker résiduel */
.elementor-widget-wp-widget-polylang nav li::marker{
  content: "" !important;
}

/* évite les espaces bizarres et aligne l’icône */
.elementor-widget-wp-widget-polylang nav li{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;         /* utile si c’est juste un drapeau */
}

/* si tu as un <a> autour du drapeau */
.elementor-widget-wp-widget-polylang nav li a{
  display: inline-flex;
  align-items: center;
}

/* ==== FIN POLYLANGUE ==== */
/* ==== FIN POLYLANGUE ==== */



















/* ==== TYPES DE DECHETS MOBILE ==== */
/* ==== TYPES DE DECHETS MOBILE ==== */

@media (max-width: 767px){

  /* Barre d'onglets */
  .waste-tabs .e-n-tabs-heading{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:18px !important;          /* place pour le "up" */
    margin-bottom:24px !important;    /* air avec le contenu */
  }

  /* Boutons */
  .waste-tabs .e-n-tabs-heading > .e-n-tab-title{
    margin:0 !important;              /* corrige le 1er décalé */
    width:auto !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;

    height:44px !important;
    min-width:44px !important;
    padding:0 !important;
    border-radius:999px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;
    line-height:1 !important;

    outline:none !important;
    transform: translateY(0);
    transition: transform .2s ease, background-color .2s ease;
  }

  /* Actif : up + fond */
  .waste-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]{
    transform: translateY(-6px) !important; /* ajuste -4 à -8 */
    background-color:#243B47 !important;
  }

  /* Masquer texte */
  .waste-tabs .e-n-tab-title .e-n-tab-title-text{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  /* Icône */
  .waste-tabs .e-n-tab-title::before{
    content:"";
    width:22px;
    height:22px;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
  }

  /* NORMAL */
  .waste-tabs .wtab-dma::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/dma.svg"); }
  .waste-tabs .wtab-dib::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/diba.svg"); }
  .waste-tabs .wtab-pap::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/pap.svg"); }
  .waste-tabs .wtab-pla::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/plas.svg"); }
  .waste-tabs .wtab-boi::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/boi.svg"); }
  .waste-tabs .wtab-met::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/met.svg"); }
  .waste-tabs .wtab-gra::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/gra.svg"); }
  .waste-tabs .wtab-bio::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/biod.svg"); }
  .waste-tabs .wtab-ver::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/ver.svg"); }
  .waste-tabs .wtab-enc::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/enc.svg"); }
  .waste-tabs .wtab-spe::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/spe.svg"); }

  /* ACTIF (BLANC) */
  .waste-tabs .wtab-dma[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/dma-w.svg") !important; }
  .waste-tabs .wtab-dib[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/diba-w.svg") !important; }
  .waste-tabs .wtab-pap[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/pap-w.svg") !important; }
  .waste-tabs .wtab-pla[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/plas-w.svg") !important; }
  .waste-tabs .wtab-boi[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/boi-w.svg") !important; }
  .waste-tabs .wtab-met[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/met-w.svg") !important; }
  .waste-tabs .wtab-gra[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/gra-w.svg") !important; }
  .waste-tabs .wtab-bio[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/biod-w.svg") !important; }
  .waste-tabs .wtab-ver[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/ver-w.svg") !important; }
  .waste-tabs .wtab-enc[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/enc-w.svg") !important; }
  .waste-tabs .wtab-spe[aria-selected="true"]::before{ background-image:url("https://alr-worldsolutions.com/wp-content/uploads/2026/02/spe-w.svg") !important; }
}

/* ==== FIN TYPES DE DECHETS MOBILE ==== */
/* ==== FIN TYPES DE DECHETS MOBILE ==== */


















/* ==== BEFORE / AFTER  ==== */
/* ==== Types de déchets ==== */
/* ==== BEFORE / AFTER  ==== */

.ba-compare{
  --pos:50%;
  position:relative!important;
  overflow:hidden;
  border-radius:12px;
  height:320px;          /* fallback */
  min-height:260px;
}

/* 2 calques en background (robuste Elementor) */
.ba-compare .ba__bg{position:absolute;inset:0;background:center/cover no-repeat;pointer-events:none}
.ba-compare .ba__bg--before{z-index:1;background-image:var(--ba-before)}
.ba-compare .ba__bg--after{z-index:2;background-image:var(--ba-after);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}

/* Les widgets image Elementor servent juste de “source” */
.ba-compare .elementor-widget-image{position:absolute!important;inset:0!important;opacity:0!important;pointer-events:none!important}

/* Barre de séparation */
.ba-compare::after{
  content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translateX(-1px);
  background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:none;z-index:5
}

/* Range invisible (drag + clavier + mobile) */
.ba-compare .ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10}

/* Handle */
.ba-compare .ba__handle{
  position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.95);
  box-shadow:0 10px 25px rgba(0,0,0,.18);z-index:6;pointer-events:none
}
.ba-compare .ba__handle:before,.ba-compare .ba__handle:after{
  content:"";position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);opacity:.9;
  border-top:7px solid transparent;border-bottom:7px solid transparent
}
.ba-compare .ba__handle:before{left:13px;border-right:9px solid rgba(0,0,0,.75)}
.ba-compare .ba__handle:after{right:13px;border-left:9px solid rgba(0,0,0,.75)}

/* Anti “flash” : on fige temporairement la hauteur pendant le switch d’onglet */
.ba-compare.ba-lock{transition:none!important}

/* ==== FIN BEFORE / AFTER  ==== */














/* ==== FOOTER ==== */
/* ==== FOOTER ==== */

/* placer l'icone a droite et */ 
.icon-right .elementor-icon-list-item > a { 
    flex-direction: row-reverse; 
    align-items: center;
    gap: 4px; /* ton écart */ 
}

.icon-right .elementor-icon-list-item > a:hover .elementor-icon-list-text{
  text-decoration: none;
  border-bottom: 1px solid ;
}

.icon-right .elementor-icon-list-icon svg path[d^="M3.6256 4.5H10.7589"] {
  margin: 0 !important;        /* neutralise l’écart natif Elementor */
  transform: translateY(-2px);
}

.elementor-icon-list-icon + .elementor-icon-list-text{
  padding-inline-start: 0 !important;
}
/* ==== FIN FOOTER ==== */
/* ==== FIN FOOTER ==== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-bold.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-bolditalic.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-extralight.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-extralightitalic.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-italic.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-regular.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-light.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-lightitalic.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-medium.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-mediumitalic.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-semibold.woff') format('woff');
}
@font-face {
	font-family: 'General sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/generalsans-semibolditalic.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'newsreader';
	font-display: auto;
	src: url('https://alr-worldsolutions.com/wp-content/uploads/2026/02/newsreader-variablefont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */