.elementor-kit-5{--e-global-color-primary:#FAFAFA;--e-global-color-secondary:#000000;--e-global-color-text:#FFD700;--e-global-color-accent:#F7F7F7;--e-global-color-6dc4454:#F5F5F5;--e-global-color-52ac94f:#EBEBEB;--e-global-color-e052a9b:#D6D6D6;--e-global-color-937cbc4:#A5A5A5;--e-global-color-b5ad978:#767676;--e-global-color-a2c90b0:#575757;--e-global-color-f1e639c:#444444;--e-global-color-08389ab:#2B2B2B;--e-global-color-d5fd465:#1C1C1C;--e-global-color-96180c9:#FAFAFA10;--e-global-typography-primary-font-family:"Helixa";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-line-height:32px;--e-global-typography-secondary-font-family:"Helixa";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-family:"Helixa";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-family:"Helixa";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:900;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:32px;--e-global-typography-ab6a8b8-font-family:"Helixa";--e-global-typography-ab6a8b8-font-size:104px;--e-global-typography-ab6a8b8-font-weight:900;--e-global-typography-ab6a8b8-text-transform:none;--e-global-typography-ab6a8b8-line-height:104px;--e-global-typography-be5e0e9-font-family:"Helixa";--e-global-typography-be5e0e9-font-size:56px;--e-global-typography-be5e0e9-font-weight:900;--e-global-typography-be5e0e9-text-transform:none;--e-global-typography-be5e0e9-line-height:72px;--e-global-typography-5561b88-font-family:"Helixa";--e-global-typography-5561b88-font-size:18px;--e-global-typography-5561b88-text-transform:uppercase;--e-global-typography-5561b88-line-height:24px;--e-global-typography-5561b88-letter-spacing:5px;--e-global-typography-db5e9e6-font-family:"Helixa";--e-global-typography-db5e9e6-font-size:24px;--e-global-typography-db5e9e6-font-weight:400;--e-global-typography-db5e9e6-text-transform:none;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-family:"Helixa";--e-global-typography-c4ca6a9-font-size:24px;--e-global-typography-c4ca6a9-font-weight:900;--e-global-typography-c4ca6a9-text-transform:none;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-family:"Helixa";--e-global-typography-af4ca36-font-size:32px;--e-global-typography-af4ca36-font-weight:700;--e-global-typography-af4ca36-text-transform:none;--e-global-typography-af4ca36-line-height:40px;--e-global-typography-548f7c7-font-family:"Helixa";--e-global-typography-548f7c7-font-size:32px;--e-global-typography-548f7c7-font-weight:900;--e-global-typography-548f7c7-text-transform:none;--e-global-typography-548f7c7-line-height:40px;--e-global-typography-2530afb-font-family:"Helixa";--e-global-typography-2530afb-font-size:40px;--e-global-typography-2530afb-font-weight:700;--e-global-typography-2530afb-text-transform:none;--e-global-typography-2530afb-line-height:56px;--e-global-typography-3379768-font-family:"Helixa";--e-global-typography-3379768-font-size:40px;--e-global-typography-3379768-font-weight:900;--e-global-typography-3379768-text-transform:none;--e-global-typography-3379768-line-height:56px;--e-global-typography-31f9a29-font-family:"Helixa";--e-global-typography-31f9a29-font-size:40px;--e-global-typography-31f9a29-line-height:56px;background-color:var( --e-global-color-secondary );}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:56px;--container-default-padding-bottom:0px;--container-default-padding-left:56px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(min-width:1700px){.e-con{--container-default-padding-top:0px;--container-default-padding-right:72px;--container-default-padding-bottom:0px;--container-default-padding-left:72px;}}@media(max-width:1366px){.elementor-kit-5{--e-global-typography-primary-font-size:20px;--e-global-typography-primary-line-height:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:32px;--e-global-typography-ab6a8b8-font-size:96px;--e-global-typography-ab6a8b8-line-height:104px;--e-global-typography-be5e0e9-font-size:50px;--e-global-typography-be5e0e9-line-height:72px;--e-global-typography-5561b88-font-size:18px;--e-global-typography-5561b88-line-height:24px;--e-global-typography-5561b88-letter-spacing:5px;--e-global-typography-db5e9e6-font-size:24px;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-size:24px;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-size:32px;--e-global-typography-af4ca36-line-height:40px;--e-global-typography-548f7c7-font-size:32px;--e-global-typography-548f7c7-line-height:40px;--e-global-typography-2530afb-font-size:40px;--e-global-typography-2530afb-line-height:56px;--e-global-typography-3379768-font-size:40px;--e-global-typography-3379768-line-height:56px;--e-global-typography-31f9a29-font-size:40px;--e-global-typography-31f9a29-line-height:56px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:56px;--container-default-padding-bottom:0px;--container-default-padding-left:56px;}}@media(max-width:1200px){.elementor-kit-5{--e-global-typography-primary-font-size:20px;--e-global-typography-primary-line-height:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:32px;--e-global-typography-ab6a8b8-font-size:88px;--e-global-typography-ab6a8b8-line-height:96px;--e-global-typography-be5e0e9-font-size:46px;--e-global-typography-be5e0e9-line-height:48px;--e-global-typography-5561b88-font-size:18px;--e-global-typography-5561b88-line-height:24px;--e-global-typography-db5e9e6-font-size:24px;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-size:24px;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-size:32px;--e-global-typography-af4ca36-line-height:40px;--e-global-typography-548f7c7-font-size:32px;--e-global-typography-548f7c7-line-height:40px;--e-global-typography-2530afb-font-size:40px;--e-global-typography-2530afb-line-height:56px;--e-global-typography-3379768-font-size:40px;--e-global-typography-3379768-line-height:56px;--e-global-typography-31f9a29-font-size:40px;--e-global-typography-31f9a29-line-height:56px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:48px;--container-default-padding-bottom:0px;--container-default-padding-left:48px;}}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:20px;--e-global-typography-primary-line-height:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:32px;--e-global-typography-ab6a8b8-font-size:72px;--e-global-typography-ab6a8b8-line-height:80px;--e-global-typography-be5e0e9-font-size:38px;--e-global-typography-be5e0e9-line-height:40px;--e-global-typography-5561b88-font-size:18px;--e-global-typography-5561b88-line-height:24px;--e-global-typography-5561b88-letter-spacing:5px;--e-global-typography-db5e9e6-font-size:24px;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-size:24px;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-size:32px;--e-global-typography-af4ca36-line-height:40px;--e-global-typography-548f7c7-font-size:32px;--e-global-typography-2530afb-font-size:36px;--e-global-typography-2530afb-line-height:48px;--e-global-typography-3379768-font-size:36px;--e-global-typography-31f9a29-font-size:36px;--e-global-typography-31f9a29-line-height:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}}@media(max-width:880px){.elementor-kit-5{--e-global-typography-primary-font-size:18px;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:28px;--e-global-typography-ab6a8b8-font-size:64px;--e-global-typography-ab6a8b8-line-height:88px;--e-global-typography-be5e0e9-font-size:40px;--e-global-typography-be5e0e9-line-height:56px;--e-global-typography-5561b88-font-size:16px;--e-global-typography-5561b88-line-height:24px;--e-global-typography-db5e9e6-font-size:20px;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-size:20px;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-size:28px;--e-global-typography-af4ca36-line-height:36px;--e-global-typography-548f7c7-font-size:28px;--e-global-typography-548f7c7-line-height:36px;--e-global-typography-2530afb-font-size:36px;--e-global-typography-2530afb-line-height:48px;--e-global-typography-3379768-font-size:36px;--e-global-typography-3379768-line-height:48px;--e-global-typography-31f9a29-font-size:36px;--e-global-typography-31f9a29-line-height:48px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:18px;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:28px;--e-global-typography-ab6a8b8-font-size:40px;--e-global-typography-ab6a8b8-line-height:50px;--e-global-typography-be5e0e9-font-size:34px;--e-global-typography-be5e0e9-line-height:44px;--e-global-typography-5561b88-font-size:16px;--e-global-typography-5561b88-line-height:24px;--e-global-typography-5561b88-letter-spacing:5px;--e-global-typography-db5e9e6-font-size:20px;--e-global-typography-db5e9e6-line-height:32px;--e-global-typography-c4ca6a9-font-size:20px;--e-global-typography-c4ca6a9-line-height:32px;--e-global-typography-af4ca36-font-size:28px;--e-global-typography-af4ca36-line-height:36px;--e-global-typography-548f7c7-font-size:28px;--e-global-typography-548f7c7-line-height:36px;--e-global-typography-2530afb-font-size:28px;--e-global-typography-2530afb-line-height:40px;--e-global-typography-3379768-font-size:28px;--e-global-typography-3379768-line-height:40px;--e-global-typography-31f9a29-font-size:28px;--e-global-typography-31f9a29-line-height:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}/* Start custom CSS *//******************* GLOBAL ******************/

/***** HEADER ******/

.sticky-header {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent !important;
  transition: background-color .25s ease, backdrop-filter .25s ease, -webkit-backdrop-filter .25s ease, padding .25s ease;
  overflow: visible !important;
  pointer-events: auto !important;
  will-change: background-color, backdrop-filter, padding;
  padding-top: 20px; 
  padding-bottom:20px;
}

.sticky-header.scrolled {
  background: rgba(0,0,0,0.45) !important;  
  backdrop-filter: saturate(120%) blur(10px);
  -webkit-backdrop-filter: saturate(120%) blur(10px);
  border-bottom: 1px solid #2B2B2B;
  padding-top: 20px; 
  padding-bottom:20px;
}

    .elementor-nav-menu .elementor-item .elementor-item-text{
  position:relative;
}
.elementor-nav-menu .elementor-item .elementor-item-text::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.elementor-nav-menu a:hover .elementor-item-text::after,
.elementor-nav-menu a:focus-visible .elementor-item-text::after{
  transform:scaleX(1);
}
.elementor-nav-menu a.elementor-item-active .elementor-item-text::after{
  transform:scaleX(1);
}

/***** ANIMATIONS TITRE *****/
.animate-title .w{
  display:inline-block;
  overflow:hidden;
  padding-top: .2em;      /* on rajoute de la place au-dessus */
  padding-bottom: .15em;
  margin-top: -.2em;      /* pour ne pas casser l’alignement global */
  margin-bottom: -.15em;
  vertical-align: bottom;
}

.animate-title .w > span{
  display:inline-block;
  transform:translate3d(0,.8em,0);
  opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1), opacity .9s cubic-bezier(.16,1,.3,1);
  will-change:transform, opacity;
}
.animate-title.is-in .w > span{ transform:none; opacity:1; }

@media (prefers-reduced-motion: reduce){
  .animate-title .w > span{ transition:none; transform:none; opacity:1; }
}

/* ton trait peut rester tel quel si besoin */
.trait-heading3{
  --trait-w:24px; --trait-h:1px; --trait-gap:1em; --trait-y:.68em;
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-size:var(--trait-w) var(--trait-h);
  background-position:0 var(--trait-y);
  padding-left:calc(var(--trait-w) + var(--trait-gap));
  color:#FAFAFA;
}
@media (max-width:767px){
  .trait-heading3{ --trait-w:16px; --trait-y:.66em; --trait-gap:1em; }
}



/****** FOOTER **********/


.footer-links .elementor-icon-list-text {
  position: relative;
}

.footer-links .elementor-icon-list-text::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:0.5px;
  background:#fff;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .45s cubic-bezier(.16,1,.3,1);
}

.footer-links a:hover .elementor-icon-list-text::after,
.footer-links a:focus-visible .elementor-icon-list-text::after {
  transform: scaleX(1);
}


/**** ANIMATION LOGO FOOTER ***/

.footer-logo { --lift: 16px; --dur: .6s; --step: 90ms; }

.footer-logo svg g,
.footer-logo svg path{
  opacity: 0;
  transform: translateY(var(--lift));
  animation: footer-lift var(--dur) ease-out both;
  animation-play-state: paused; 
}

@keyframes footer-lift{
  0%   { opacity:0; transform: translateY(var(--lift)); }
  55%  { opacity:1; transform: translateY(-3px); } /* petit rebond */
  100% { opacity:1; transform: translateY(0); }
}

.footer-logo.inview svg g,
.footer-logo.inview svg path{ animation-play-state: running; }

@media (prefers-reduced-motion: reduce){
  .footer-logo svg g, .footer-logo svg path{
    animation: none !important; opacity:1 !important; transform:none !important;
  }
}


/***** ANIMATIONS BOUTONS ******/

/* BOUTON JAUNE SUR NOIR */

/* === Bouton jaune avec onde + flèche === */
.yellow-button-on-black .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* 1) Onde noire qui part du centre de l’icône */
.yellow-button-on-black .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2; /* contenu au-dessus */
  width:0.7em;
}


.yellow-button-on-black.call-button .elementor-button .elementor-button-icon { width: 1em; }

/* et, important, dimensionner le SVG lui-même */
.yellow-button-on-black.call-button .elementor-button .elementor-button-icon svg {
  width: 1em;
  height: 1em;
}



.yellow-button-on-black .elementor-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #000;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;    /* ne capte pas les clics */
  will-change: transform;  /* évite l’effet grossissant */
}
.yellow-button-on-black .elementor-button:hover .elementor-button-icon::before {
  transform: translate(-50%,-50%) scale(1);
}

/* 2) Texte jaune au hover */
.yellow-button-on-black .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important; /* hérite de la couleur du bouton */
  transition: color 0.4s ease;
}
.yellow-button-on-black .elementor-button:hover .elementor-button-text {
  color: #FFD700 !important;
}

/* 3) Bordure jaune au hover */
.yellow-button-on-black .elementor-button:hover {
  border: 1px solid #FFD700;
}

/* 4) Swap icône → flèche jaune */
.yellow-button-on-black .elementor-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
.yellow-button-on-black .elementor-button:hover .elementor-button-icon > * {
  opacity: 0;
}
.yellow-button-on-black .elementor-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-yellow.svg")
              center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.yellow-button-on-black .elementor-button:hover .elementor-button-icon::after {
  opacity: 1;
}


/* BOUTON JAUNE SUR NOIR TEXTE BLANC */

/* === Bouton jaune avec onde + flèche === */
.yellow-button-on-black-white .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* 1) Onde noire qui part du centre de l’icône */
.yellow-button-on-black-white .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2; /* contenu au-dessus */
  width:0.7em;
}

.black-button-on-yellow.call-button .elementor-button .elementor-button-icon { width: 1em; }

/* et, important, dimensionner le SVG lui-même */
.black-button-on-yellow.call-button .elementor-button .elementor-button-icon svg {
  width: 1em;
  height: 1em;
}

.yellow-button-on-black-white .elementor-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #000;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;    /* ne capte pas les clics */
  will-change: transform;  /* évite l’effet grossissant */
}
.yellow-button-on-black-white .elementor-button:hover .elementor-button-icon::before {
  transform: translate(-50%,-50%) scale(1);
}

/* 2) Texte jaune au hover */
.yellow-button-on-black-white .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: #000 !important; /* hérite de la couleur du bouton */
  transition: color 0.4s ease;
}
.yellow-button-on-black-white .elementor-button:hover .elementor-button-text {
  color: #FAFAFA !important;
}

/* 4) Swap icône → flèche jaune */
.yellow-button-on-black-white .elementor-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
.yellow-button-on-black-white .elementor-button:hover .elementor-button-icon > * {
  opacity: 0;
}
.yellow-button-on-black-white .elementor-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-white-1.svg")
              center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.yellow-button-on-black-white .elementor-button:hover .elementor-button-icon::after {
  opacity: 1;
}


/* BOUTON NOIR SUR JAUNE */


/* === Bouton jaune avec onde + flèche === */
.black-button-on-yellow .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* 1) Onde noire qui part du centre de l’icône */
.black-button-on-yellow .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2; /* contenu au-dessus */
  width:0.7em;
}



.black-button-on-yellow .elementor-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #FFD700;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;    /* ne capte pas les clics */
  will-change: transform;  /* évite l’effet grossissant */
}


.black-button-on-yellow .elementor-button:hover .elementor-button-icon::before {
  transform: translate(-50%,-50%) scale(1);
}

/* 2) Texte jaune au hover */
.black-button-on-yellow .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important; /* hérite de la couleur du bouton */
  transition: color 0.4s ease;
}
.black-button-on-yellow .elementor-button:hover .elementor-button-text {
  color: #000 !important;
}

/* 3) Bordure noir au hover */
.black-button-on-yellow .elementor-button:hover {
  border: 1px solid #000;
}

/* 4) Swap icône → flèche jaune */
.black-button-on-yellow .elementor-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
.black-button-on-yellow .elementor-button:hover .elementor-button-icon > * {
  opacity: 0;
}
.black-button-on-yellow .elementor-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-black.svg")
              center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.black-button-on-yellow .elementor-button:hover .elementor-button-icon::after {
  opacity: 1;
}


/* BOUTON JAUNE SUR BLANC */

/* === Bouton jaune avec onde + flèche === */
.yellow-button-on-white .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* 1) Onde qui part du centre de l’icône */
.yellow-button-on-white .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2;
  width: 0.7em;
}
.yellow-button-on-white .elementor-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #000000;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}
/* HOVER → onde + fond deviennent #FAFAFA */
.yellow-button-on-white .elementor-button:hover {
  background: #FAFAFA !important;
  border: 1px solid #000000;
}
.yellow-button-on-white .elementor-button:hover .elementor-button-icon::before {
  background: #FAFAFA; /* important pour que l’onde révèle du blanc */
  transform: translate(-50%,-50%) scale(1);
}

/* 2) Texte au hover */
.yellow-button-on-white .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important;
  transition: color 0.4s ease;
}
.yellow-button-on-white .elementor-button:hover .elementor-button-text {
  color: #000000 !important;
}

/* 3) Icône → flèche noire */
.yellow-button-on-white .elementor-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
.yellow-button-on-white .elementor-button:hover .elementor-button-icon > * {
  opacity: 0;
}
.yellow-button-on-white .elementor-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-black.svg")
              center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.yellow-button-on-white .elementor-button:hover .elementor-button-icon::after {
  opacity: 1;
}


/* BOUTON BLANC SUR NOIR */

/* === Bouton jaune avec onde + flèche === */
.white-button-on-black .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* 1) Onde noire qui part du centre de l’icône */
.white-button-on-black .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2; /* contenu au-dessus */
  width:1em;
}
.white-button-on-black .elementor-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #000;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;    /* ne capte pas les clics */
  will-change: transform;  /* évite l’effet grossissant */
}
.white-button-on-black .elementor-button:hover .elementor-button-icon::before {
  transform: translate(-50%,-50%) scale(1);
}

/* 2) Texte jaune au hover */
.white-button-on-black .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important; /* hérite de la couleur du bouton */
  transition: color 0.4s ease;
}
.white-button-on-black .elementor-button:hover .elementor-button-text {
  color: #FAFAFA !important;
}

/* 3) Bordure jaune au hover */
.white-button-on-black .elementor-button:hover {
  border: 1px solid #FAFAFA;
}

/* 4) Swap icône → flèche jaune */
.white-button-on-black .elementor-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
.white-button-on-black .elementor-button:hover .elementor-button-icon > * {
  opacity: 0;
}
.white-button-on-black .elementor-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-white.svg")
              center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.white-button-on-black .elementor-button:hover .elementor-button-icon::after {
  opacity: 1;
}




/****** IMAGE VOITURE ******/

/* Rouge pour "déjà louée" */
.disponibilite-voiture.is-louee a.elementor-button {
  background-color: #FEE2E2 !important;
  --e-global-color-primary: #FEE2E2;
  --e-global-color-accent: #FEE2E2;
  color: #DC2626 !important;
}

/* Vert pour "disponible" */
.disponibilite-voiture.is-dispo a.elementor-button {
  background-color: #D1FAE5 !important;
  --e-global-color-primary: #D1FAE5;
  --e-global-color-accent: #D1FAE5;
  color: #047857 !important;
}


/*******************  ACCUEIL *******************/



/******  SECTION SERVICES ******/

.section-sticky-showcase{ 
    position: relative; 
    overflow: visible; }
    
.section-sticky-showcase .sticky-title{ position: relative; 
z-index: 10; }

.section-sticky-showcase .cards-stack{
  position: relative; 
  z-index: 30;
  margin-top: clamp(-220px, -22vh, -140px);   
  padding-bottom: clamp(120px, 20vh, 240px);  
}


.section-sticky-showcase .sticky-title.elementor-sticky--active::after{
  content: ""; 
  position: absolute; inset: 0; pointer-events: none;
  z-index: 20;                      
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(0,0,0,.10);      
  transition: backdrop-filter .2s ease, background .2s ease;
}

.section-sticky-showcase .sticky-title.elementor-sticky--active .sticky-title__inner{
  opacity: .92; transition: opacity .2s ease;
}

@media (max-width: 767px){
  .section-sticky-showcase .cards-stack{ margin-top: 0; padding-bottom: 80px; }
  .section-sticky-showcase .sticky-title::after{ backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent; }
}



/******** LOGO DEFILANT ********/

.marquee-rtl {
  overflow-x: clip;
}


.marquee-rtl {
  position: relative;
  width: 100%;
  overflow: clip;
  contain: layout paint;
  isolation: isolate;
}

@keyframes defilement-rtl {
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-300%,0,0); }
}

.logos-track {
  display: flex;
  align-items: center;
  gap: 24px;
  will-change: transform;
  animation: defilement-rtl 50s linear infinite;
}


.logos-track.logos-reverse {
  animation: defilement-rtl 50s linear infinite reverse;
}

.logos-track .logos-line {
  display: flex;
  align-items: center;
  min-width: 100%;
  gap: 16px;
}

.logos-track .logo-chip {
  flex: 0 0 auto;
  width:  clamp(132px, 38vw, 240px);
  height: clamp(76px, 16vw, 130px);
  background: #1C1C1C;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(8px, 2.2vw, 24px);
  box-sizing: border-box;
}


.logos-track .logo-chip img {
  max-height: clamp(24px, 6vw, 50px);
  max-width: 100%;
  display: block;
}







/************************  BLOG *****************************/

 .wp-block-heading.is-in {
  font-family: var(--e-global-typography-be5e0e9-font-family), Sans-serif;
  font-size: var(--e-global-typography-be5e0e9-font-size);
  font-weight: var(--e-global-typography-be5e0e9-font-weight);
}


/* Images dans le contenu des articles */
.elementor-widget-theme-post-content figure.wp-block-image {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

/* Supprimer le centrage forcé */
.elementor-widget-theme-post-content figure.wp-block-image img {
  display: block;
  margin: 0;
  width: 100%; /* occupe toute la largeur dispo */
  height: auto;
}


/* Style badge jaune pour la liste des termes */
.elementor-post-info__terms-list a {
  background-color: #FFD700;   
  padding: 4px 16px;          
  border-radius: 8px;       
  display: inline-block;     
}


/* Bouton underline style */
.underline-button .elementor-button-text {
  border-bottom: 1px solid #fafafa; 
  padding-bottom: 2px;           
  display: inline-block;        
}

.underline-button .elementor-button:hover .elementor-button-text {
  border-color: #F7D54A; 
}

/* Bouton "Charger plus d’articles" */
#load-button.elementor-button{
  border: 1px solid #fff;
}

#load-button.elementor-button:hover{
  background: #fff;
  color: #000;
}








/*****************  PAGE TYPE VOITURE ******************/
/* GALERIE VOITURE */


.slider-image-voiture{
  --car-slider-h: clamp(300px, 70vw, 600px); /* ajuste ici */
  position: relative;
}
.slider-image-voiture .swiper{ height:var(--car-slider-h) !important; border-radius:12px; overflow:hidden; }
.slider-image-voiture .swiper-wrapper,
.slider-image-voiture .swiper-slide{ height:100% !important; }


.slider-image-voiture .swiper-slide img,
.slider-image-voiture .swiper-slide picture,
.slider-image-voiture .swiper-slide figure{
  width:100%;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important; 
  display:block;
}

.slider-image-voiture [class*="swiper-button-"]{
  position:absolute !important; top:50% !important; transform:translateY(-50%) !important; z-index:10 !important;
}
.slider-image-voiture .swiper-button-prev{ left:12px; }
.slider-image-voiture .swiper-button-next{ right:12px; }

@media (max-width:767px){
  .slider-image-voiture [class*="swiper-button-"]{ transform:translateY(calc(-50% - 1px)) !important; }
}








/****************  FORMULAIRE CONTACT ****************/

/* PADDING LEFT */
.elementor .elementor-widget-form.contact-form .elementor-form .elementor-field {
  padding-left: 0 !important;
}

.elementor .elementor-widget-form.contact-form .elementor-form select.elementor-field-textual {
  padding-left: 0 !important;
}

/* ICONE SELECT */
.elementor .elementor-form .select-caret-down-wrapper {
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/CaretDown.svg") center/contain no-repeat !important;
  opacity: 1 !important;
}
.elementor .elementor-form .select-caret-down-wrapper svg {
  opacity: 0 !important;
}

/* Input & textarea placeholders */
.elementor .elementor-form .elementor-field-label::placeholder {
  color: #fff;
  opacity: 0.1;
}

/* === Bouton de formulaire */
#form-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
#form-button .elementor-button-icon {
  position: relative;
  z-index: 2;
  width: 0.7em;
}
#form-button .elementor-button-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200vmax; height: 200vmax;
  background: #000;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .5s cubic-bezier(.2,.7,0,1);
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}
#form-button:hover .elementor-button-icon::before {
  transform: translate(-50%,-50%) scale(1);
}
#form-button .elementor-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important;
  transition: color 0.4s ease;
}
#form-button:hover .elementor-button-text {
  color: #FFD700 !important;
}
#form-button:hover {
  border: 1px solid #FFD700;
}
#form-button .elementor-button-icon > * {
  transition: opacity 0.3s ease;
}
#form-button:hover .elementor-button-icon > * {
  opacity: 0;
}
#form-button .elementor-button-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1em; height: 1em;
  background: url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/09/ArrowRight-yellow.svg") center/contain no-repeat;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
#form-button:hover .elementor-button-icon::after {
  opacity: 1;
}

.star {
  color: #C1272D;   /* jaune */
}


/* Titre étape formulaire */
.elementor .elementor-widget-form .form-section-title {
  font-family: var(--e-global-typography-548f7c7-font-family), Sans-serif;
  font-size: var(--e-global-typography-548f7c7-font-size);
  font-weight: var(--e-global-typography-548f7c7-font-weight);
  text-transform: var(--e-global-typography-548f7c7-text-transform);
  line-height: var(--e-global-typography-548f7c7-line-height);
}







/********** AVANT APRES PHOTO NETTOYAGE **********/
.bafg-twentytwenty-wrapper,
.twentytwenty-wrapper,
.bafg-twentytwenty-container,
.twentytwenty-container {
  width: 100% !important;
  max-width: none !important;
  height: clamp(340px, 45vw, 560px); /* ajuste selon ton design */
  border-radius: 12px;
  overflow: hidden; /* coupe ce qui dépasse */
}

/* Images */
.bafg-twentytwenty-container img,
.twentytwenty-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* Enlever padding éventuel autour du widget */
.elementor-widget-shortcode > .elementor-widget-container {
  padding: 0;
}







/******** PHOTOS DEFILANTES - QUI SOMMES-NOUS *******/
.marquee-rtl {
    overflow: hidden;   
}

.marquee-rtl .image-defilant {
    display: inline-block;               
    padding-right: 2em;                  
    padding-left: 0%;                 
    white-space: nowrap;                 
    animation: defilement-rtl 50s infinite linear;
    animation-name: defilement-rtl;       
    animation-duration: 50s !important;             
    animation-iteration-count: infinite;  
    animation-timing-function: linear; 
}

/* Animation de défilement droite → gauche */
@keyframes defilement-rtl {
    0% {
        transform: translate3d(0,0,0);
    }
    100% {
        transform: translate3d(-300%,0,0);
    }
}

/* --- RESPONSIVE --- */
.marquee-rtl .image-defilant img{
    width: clamp(220px, 60vw, 420px);  /* 1,5–2 images visibles en mobile */
    height: auto;
    display: inline-block;
    margin-right: clamp(8px, 3vw, 16px);
    vertical-align: middle;
    border-radius: 10px; /* optionnel */
}

/* Tablette */
@media (min-width: 768px){
    .marquee-rtl .image-defilant img{
        width: clamp(240px, 32vw, 520px);
        margin-right: clamp(8px, 2vw, 20px);
    }
}

/* Desktop */
@media (min-width: 1024px){
    .marquee-rtl .image-defilant img{
        width: clamp(260px, 22vw, 560px);
    }
}

/* Option accessibilité : désactive l’anim si l’utilisateur réduit les mouvements */
@media (prefers-reduced-motion: reduce){
    .marquee-rtl .image-defilant{ 
        animation: none !important; 
    }
}
/* Patch responsive — à coller sous TON CSS ACTUEL */
.marquee-rtl .image-defilant img{
  width: clamp(240px, 70vw, 420px) !important; /* ≈1,5–2 images visibles en mobile */
  height: auto;
  display: inline-block;
  margin-right: clamp(8px, 3vw, 16px);
  vertical-align: middle;
}

/* Tablette */
@media (min-width: 768px){
  .marquee-rtl .image-defilant img{
    width: clamp(260px, 38vw, 520px) !important;
  }
}

/* Desktop */
@media (min-width: 1024px){
  .marquee-rtl .image-defilant img{
    width: clamp(280px, 26vw, 560px) !important;
  }
}





/******** SEARCH FILTER **********/

[id^="search-filter-label"] {
  font-family: var(--e-global-typography-c4ca6a9-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-c4ca6a9-font-size) !important;
  font-weight: var(--e-global-typography-c4ca6a9-font-weight) !important;
  text-transform: var(--e-global-typography-c4ca6a9-text-transform) !important;
  line-height: var(--e-global-typography-c4ca6a9-line-height) !important;
}

/* global (ou limite à ta section .filters) */
.search-filter-field,
.search-filter-base {
  --search-filter-label-icon-color: #fff;
}

/* Checkboxes – libellés */
.search-filter-field [class*="search-filter-input"][class*="checkbox"][class*="__label"]{
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}


/* Combobox – texte affiché dans le champ ("Tous" / "Catégories") */
.search-filter-component-combobox__selection,
.search-filter-component-combobox__selection input[type="text"]{
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}



/* === CHAMP DU COMBOBOX (global) === */
.search-filter-field .search-filter-component-combobox,
.search-filter-field .search-filter-component-combobox-base,
.search-filter-field .search-filter-component-combobox__control,
.search-filter-field .search-filter-component-combobox-base__control{
  border-radius: 12px !important;
  overflow: visible !important; /* corrigé : permet au menu de s'afficher */
}

/* === DROPDOWN DU COMBOBOX (global) – arrondis sur le panneau === */
.search-filter-component-combobox-base__listbox,
.search-filter-component-combobox__dropdown,
.search-filter-component-combobox-base__dropdown{
  border-radius: 12px !important;
  overflow: visible !important; /* corrigé : autorise le contenu à dépasser */
}

/* === SCROLL INTERNE DU MENU DÉROULANT === */
.search-filter-component-combobox-base__listbox{
  max-height: 280px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* === HAUTEUR + PADDING SPÉCIFIQUE AU COMBOBOX ID 8 === */
.search-filter-field--id-8 .search-filter-component-combobox__header,
.search-filter-field--id-8 .search-filter-component-combobox__selection{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  min-height: 40px; /* garde une hauteur clean */
}

/* Combobox – options du menu déroulant (typo uniquement) */
.search-filter-component-combobox-base__listbox-option,
.search-filter-component-combobox-base__listbox-option *{
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}


/* Slider – chiffres (min / max / valeurs) */
.search-filter-component-range-slider__range-text,
.search-filter-component-range-slider__range-text *{
  font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: var(--e-global-typography-text-font-weight) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
}

/* Conteneur des labels min/max */
.search-filter-component-range-slider__range-text{
  display:flex !important;
  justify-content:space-between !important;  /* pousse 0 à gauche, 100 à droite */
  align-items:center !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
}

/* Chaque label ne doit plus prendre 50% */
.search-filter-component-range-slider__range-text > div{
  flex:0 0 auto !important;   /* largeur auto */
  margin:0 !important;
  padding:0 !important;
}

/* Sécurise l’alignement à droite du max */
.search-filter-component-range-slider__range-text-max,
.search-filter-component-range-slider__range-text--max{
  margin-left:auto !important;
  text-align:right !important;
}

/* Si le plugin applique un width/flex sur le wrapper, on neutralise */
.search-filter-component-range-slider__range-input-wrapper{
  width:100% !important;
}


/* Bouton reset */
button.search-filter-input-button.search-filter-field__input {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-secondary-font-size) !important;
  font-weight: var(--e-global-typography-secondary-font-weight) !important;
  line-height: var(--e-global-typography-secondary-line-height) !important;
  color: var(--e-global-color-primary) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* === FIXES GLOBAUX POUR LES DROPDOWNS CLIPPÉS === */
.select2-container,
.search-filter-component-combobox-base__dropdown{
  z-index: 9999 !important;
}

/* Si un parent clippe le dropdown (colonne sticky, etc.) */
.filtres,
.sidebar-filtres,
.filters,
.elementor-widget,
.elementor-container,
.elementor-section{
  overflow: visible !important;
}





/****** FILTRE ACCUEIL  ******/

/* LABELS (typo TEXT) */
.home-filter .search-filter-label,
.home-filter [id^="search-filter-label"]{
  font: var(--e-global-typography-text-font-weight)
        var(--e-global-typography-text-font-size) /
        var(--e-global-typography-text-line-height)
        var(--e-global-typography-text-font-family), Sans-serif !important;
  color: var(--e-global-color-b5ad978) !important;
}

/* SELECTS / COMBOBOX  */
.home-filter .search-filter-component-combobox-base,
.home-filter .searchandfilter select{
  font: var(--e-global-typography-accent-font-weight)
        var(--e-global-typography-accent-font-size) /
        var(--e-global-typography-accent-line-height)
        var(--e-global-typography-accent-font-family), Sans-serif !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Valeur visible = noir */
.home-filter .search-filter-component-combobox__selection,
.home-filter .search-filter-component-combobox__selection *,
.home-filter .search-filter-component-combobox__actions-input{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  opacity:1 !important;
}

/* Évite le double × et garde le clic */
.home-filter .search-filter-component-combobox__header,
.home-filter .search-filter-component-combobox__header *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
.home-filter .search-filter-component-combobox__selected-item button,
.home-filter .search-filter-component-combobox__clear,
.home-filter .search-filter-component-combobox__listbox-toggle{
  pointer-events:auto !important;
  cursor:pointer !important;
}
.home-filter .search-filter-component-combobox__selected-item .search-filter-icon__svg,
.home-filter .search-filter-component-combobox__clear .search-filter-icon__svg,
.home-filter .search-filter-component-combobox__listbox-toggle .search-filter-icon__svg{
  pointer-events:none !important;
}
.home-filter .search-filter-component-combobox__listbox-toggle::before{ display:none !important; }

/* CHAMP TEXTE (si présent) */
.home-filter .search-filter-input-text,
.home-filter .search-filter-input__text,
.home-filter .search-filter-field__input.search-filter-input-text{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
}
.home-filter .search-filter-input-text input[type="text"],
.home-filter .search-filter-input__text input[type="text"],
.home-filter .search-filter-field__input input[type="text"]{
  font: var(--e-global-typography-accent-font-weight)
        var(--e-global-typography-accent-font-size) /
        var(--e-global-typography-accent-line-height)
        var(--e-global-typography-accent-font-family), Sans-serif !important;
  color:#000 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.home-filter .search-filter-component-combobox__actions-input::placeholder,
.home-filter .search-filter-input-text input::placeholder{
  color:#000 !important;
  opacity:1 !important;
}

/* SUBMIT */
.home-filter .sf-field-submit{
  position:relative !important;
  z-index:20 !important;
}

/* Wrapper (fond jaune + radius + padding) */
.home-filter .search-filter-field--type-control.search-filter-style--control-submit{
  --search-filter-input-color:#000 !important;
  --search-filter-input-background-color:transparent !important;
  --search-filter-input-border-color:transparent !important;
  --search-filter-input-hover-color:#000 !important;
  --search-filter-input-focus-color:#000 !important;
  --search-filter-input-placeholder-color:#000 !important;
  --search-filter-input-text-decoration:none !important;

  background: var(--e-global-color-accent, #FFD400) !important;
  border-radius:16px !important;
  padding:22px 24px !important;
}

/* Bouton interne (transparent, sans padding) */
.home-filter .search-filter-field--type-control.search-filter-style--control-submit .search-filter-field__input{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important; /* override mobile ailleurs si besoin */
  gap:12px !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#000 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  pointer-events:auto !important;

  font: var(--e-global-typography-text-font-weight)
        var(--e-global-typography-text-font-size) /
        var(--e-global-typography-text-line-height)
        var(--e-global-typography-text-font-family), Sans-serif !important;
}

/* Icône SVG personnalisée à gauche */
.home-filter .search-filter-field--type-control.search-filter-style--control-submit .search-filter-field__input::before{
  content:"";
  display:inline-block;
  width:22px; height:22px;
  margin-right:4px;
  background:no-repeat center / 22px 22px;
  background-image:url("https://kinourentauto4348.live-website.com/wp-content/uploads/2025/10/MagnifyingGlass.svg") !important;
}

/* Hover & Focus */
.home-filter .search-filter-field--type-control.search-filter-style--control-submit .search-filter-field__input:hover{ filter:brightness(0.96) !important; }
.home-filter .search-filter-field--type-control.search-filter-style--control-submit .search-filter-field__input:focus-visible{
  outline:2px solid #000 !important; outline-offset:2px !important;
}

/* Sécurité clic */
.home-filter .sf-field-submit::before,
.home-filter .sf-field-submit *::before{ pointer-events:none !important; }

/* Supprime le fond blanc du wrapper interne du bouton */
.home-filter .search-filter-base.search-filter-field--type-control.search-filter-style--control-submit{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}




/************ TÉMOIGNAGES **********/ 


.js-testimony,
.js-testimony .elementor-widget-container{ overflow-x:hidden !important; }

/* Hauteurs auto pour éviter un conteneur figé */
.js-testimony .swiper{ padding:0 !important; position:relative; overflow:visible; height:auto !important; }
.js-testimony .swiper-wrapper{ height:auto !important; }
.js-testimony .swiper-slide{ height:auto !important; box-sizing:border-box; }

/* Texte non italique */
.js-testimony .elementor-testimonial__text{ font-style: normal !important; }

/* Progressbar native collée en BAS du slider */
.js-testimony .swiper-pagination-progressbar{
  position:absolute !important;
  left:0; right:0; bottom:0 !important; top:auto !important;
  border-radius:9999px; overflow:hidden; z-index:10;
}

/* Réserver 24px sous le slider pour la barre (mobile uniquement) */
@media (max-width:879px){
  .js-testimony .swiper{ padding-bottom:24px !important; }
  .js-testimony .swiper-wrapper{ transition-timing-function: initial !important; } /* freeMode fluide */
}

/* Marquee linéaire seulement ≥880px */
@media (min-width:880px){
  .js-testimony .swiper-wrapper{ transition-timing-function: linear !important; }
  .js-testimony .swiper-pagination{ display:none !important; } /* barre masquée ≥880 */
}

.js-testimony .swiper-pagination-progressbar{ background:#444444 !important; border-radius:12px !important; overflow:hidden;
}
.js-testimony .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#FFD700 !important; border-radius:12px !important;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helixa';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.eot');
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.eot?#iefix') format('embedded-opentype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.woff2') format('woff2'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.woff') format('woff'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.ttf') format('truetype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Black.svg#Helixa') format('svg');
}
@font-face {
	font-family: 'Helixa';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.eot');
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.woff2') format('woff2'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.woff') format('woff'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.ttf') format('truetype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Bold.svg#Helixa') format('svg');
}
@font-face {
	font-family: 'Helixa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.eot');
	src: url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.woff2') format('woff2'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.woff') format('woff'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.ttf') format('truetype'),
		url('https://kinourent.fr/wp-content/uploads/2025/09/Helixa-Regular.svg#Helixa') format('svg');
}
/* End Custom Fonts CSS */