.elementor-kit-29089{--e-global-color-primary:#F04923;--e-global-color-secondary:#FF7A55;--e-global-color-text:#E9E7E4;--e-global-color-accent:#2C3338;--e-global-color-hkfond:#191E22;--e-global-color-hkcarte:#232A2F;--e-global-color-hkbarre:#141A1D;--e-global-color-hkivoire:#F5F3F0;--e-global-color-hkblanc:#FFFFFF;--e-global-color-hkgris:#565E64;--e-global-color-hkgrisc:#A9B0B6;--e-global-color-hkorangef:#C23516;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:2.2px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1.2px;--e-global-typography-hktxl-font-family:"Archivo";--e-global-typography-hktxl-font-size:60px;--e-global-typography-hktxl-font-weight:700;--e-global-typography-hktxl-line-height:1.06em;--e-global-typography-hktxl-letter-spacing:-1.2px;--e-global-typography-hkts-font-family:"Archivo";--e-global-typography-hkts-font-size:40px;--e-global-typography-hkts-font-weight:700;--e-global-typography-hkts-line-height:1.16em;--e-global-typography-hkts-letter-spacing:-0.6px;--e-global-typography-hkth-font-family:"Archivo";--e-global-typography-hkth-font-size:21px;--e-global-typography-hkth-font-weight:700;--e-global-typography-hkth-line-height:1.3em;--e-global-typography-hkth-letter-spacing:-0.2px;--e-global-typography-hkprix-font-family:"Archivo";--e-global-typography-hkprix-font-size:46px;--e-global-typography-hkprix-font-weight:700;--e-global-typography-hkprix-line-height:1em;--e-global-typography-hkprix-letter-spacing:-1px;--e-global-typography-hkpetit-font-family:"Inter";--e-global-typography-hkpetit-font-size:15px;--e-global-typography-hkpetit-font-weight:400;--e-global-typography-hkpetit-line-height:1.7em;background-color:#FFFFFF;color:#565E64;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.75em;}.elementor-kit-29089 button,.elementor-kit-29089 input[type="button"],.elementor-kit-29089 input[type="submit"],.elementor-kit-29089 .elementor-button{background-color:#F04923;font-family:"Archivo", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:19px 34px 19px 34px;}.elementor-kit-29089 e-page-transition{background-color:#FFBC7D;}.elementor-kit-29089 a{color:#F04923;}.elementor-kit-29089 a:hover{color:#C23516;}.elementor-kit-29089 h1{color:#2C3338;font-family:"Archivo", Sans-serif;font-size:60px;font-weight:700;line-height:1.06em;letter-spacing:-1.2px;}.elementor-kit-29089 h2{color:#2C3338;font-family:"Archivo", Sans-serif;font-size:40px;font-weight:700;line-height:1.16em;letter-spacing:-0.6px;}.elementor-kit-29089 h3{color:#2C3338;font-family:"Archivo", Sans-serif;font-size:25px;font-weight:700;line-height:1.3em;}.elementor-kit-29089 h4{color:#2C3338;font-family:"Archivo", Sans-serif;font-size:19px;font-weight:600;line-height:1.4em;}.elementor-kit-29089 h5{color:#2C3338;font-family:"Archivo", Sans-serif;font-size:17px;font-weight:600;}.elementor-kit-29089 h6{color:#565E64;font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;}.elementor-kit-29089 button:hover,.elementor-kit-29089 button:focus,.elementor-kit-29089 input[type="button"]:hover,.elementor-kit-29089 input[type="button"]:focus,.elementor-kit-29089 input[type="submit"]:hover,.elementor-kit-29089 input[type="submit"]:focus,.elementor-kit-29089 .elementor-button:hover,.elementor-kit-29089 .elementor-button:focus{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}.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-kit-29089{--e-global-typography-secondary-font-size:12px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:13px;--e-global-typography-hktxl-font-size:44px;--e-global-typography-hkts-font-size:33px;--e-global-typography-hkth-font-size:20px;--e-global-typography-hkprix-font-size:40px;--e-global-typography-hkpetit-font-size:14px;font-size:16px;}.elementor-kit-29089 h1{font-size:44px;}.elementor-kit-29089 h2{font-size:33px;}.elementor-kit-29089 h3{font-size:23px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-29089{--e-global-typography-secondary-font-size:12px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:13px;--e-global-typography-hktxl-font-size:33px;--e-global-typography-hkts-font-size:27px;--e-global-typography-hkth-font-size:19px;--e-global-typography-hkprix-font-size:36px;--e-global-typography-hkpetit-font-size:14px;font-size:16px;}.elementor-kit-29089 h1{font-size:33px;}.elementor-kit-29089 h2{font-size:27px;}.elementor-kit-29089 h3{font-size:21px;}.elementor-kit-29089 h4{font-size:18px;}.elementor-kit-29089 button,.elementor-kit-29089 input[type="button"],.elementor-kit-29089 input[type="submit"],.elementor-kit-29089 .elementor-button{font-size:13px;padding:17px 26px 17px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ====== HDKN : Laverie Speed Queen Mulhouse. MARQUEUR-HDKN-LSQM-V9 ====== */

/* signature du pied de page */
a.nounderline,a.nounderline:hover,a.nounderline:focus{text-decoration:none!important;}

/* soulignement des liens : contenu seulement, jamais le menu ni les listes */
.elementor-widget-text-editor a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.elementor-widget-text-editor a:hover{text-decoration-thickness:2px;}

/* ---------- boutons : remplissage qui balaie de gauche a droite ---------- */
/* Elementor change la couleur de fond instantanement au survol : on la fige et
   on confie l animation a un calque ::before, sinon on voit un a-coup de couleur. */
.hdkn-btn .elementor-button{position:relative;overflow:hidden;isolation:isolate;
  transition:color .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;}
.hdkn-btn .elementor-button::before{content:"";position:absolute;inset:0;z-index:0;display:block;
  transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.hdkn-btn .elementor-button:hover::before{transform:scaleX(1);}
.hdkn-btn .elementor-button .elementor-button-content-wrapper{position:relative;z-index:1;}
.hdkn-btn .elementor-button:hover{transform:translateY(-2px);}

.hdkn-btn-plein .elementor-button::before{background:#191E22;}
.hdkn-btn-plein .elementor-button:hover{background-color:var(--e-global-color-primary)!important;
  color:#FFFFFF;box-shadow:0 16px 34px -16px rgba(25,30,34,.62);}

.hdkn-btn-contour-sombre .elementor-button::before{background:#FFFFFF;}
.hdkn-btn-contour-sombre .elementor-button:hover{background-color:transparent!important;
  border-color:#FFFFFF!important;box-shadow:0 16px 34px -18px rgba(0,0,0,.6);}

.hdkn-btn-contour-clair .elementor-button::before{background:var(--e-global-color-accent);}
.hdkn-btn-contour-clair .elementor-button:hover{background-color:transparent!important;
  border-color:var(--e-global-color-accent)!important;box-shadow:0 16px 34px -20px rgba(44,51,56,.5);}

/* ---------- surtitre : filet orange au-dessus ---------- */
.hdkn-sur .elementor-heading-title{display:block;position:relative;padding-top:20px;}

/* ---------- cartes : relief et equerre d angle au survol ---------- */
.hdkn-carte{position:relative;transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease,border-color .45s ease;}
.hdkn-carte:hover{transform:translateY(-5px);}
.hdkn-carte-claire:hover{box-shadow:0 22px 46px -26px rgba(44,51,56,.40);}
.hdkn-carte-sombre:hover{box-shadow:0 24px 48px -22px rgba(0,0,0,.70);}

/* ---------- texture diagonale des sections sombres ---------- */
.hdkn-texture{position:relative;isolation:isolate;}
.hdkn-texture::before{content:"";position:absolute;inset:0;z-index:-1;display:block;pointer-events:none;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 9px);}

/* ---------- ligne de progression dans l en-tete colle ---------- */
/* Un cycle de lavage qui avance : purement decoratif, purement CSS. */
.hdkn-barre{position:relative;z-index:99;}
@supports (animation-timeline: scroll()){
  .hdkn-barre::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;display:block;
    background:linear-gradient(90deg,var(--e-global-color-primary),var(--e-global-color-secondary));
    transform-origin:left center;transform:scaleX(0);z-index:5;pointer-events:none;
    animation:hdkn-progression linear both;animation-timeline:scroll(root block);}
  @keyframes hdkn-progression{from{transform:scaleX(0);}to{transform:scaleX(1);}}
}

/* ---------- grilles asymetriques (la grille Elementor ne fait que des colonnes egales) ---------- */
@media(min-width:1025px){
  .hdkn-g5842{grid-template-columns:58fr 42fr!important;}
  .hdkn-g4654{grid-template-columns:46fr 54fr!important;}
  .hdkn-g4030{grid-template-columns:40fr 30fr 30fr!important;}
}
/* un conteneur en grille ne produit pas de .e-con-inner : le reglage boxed est ignore */
.hdkn-g4030{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;}

/* ---------- prix et chiffres ---------- */
.hdkn-prix .elementor-heading-title{font-variant-numeric:tabular-nums;}
@media(min-width:1025px){
  #tarifs .hdkn-carte>.elementor-widget-heading:first-child{min-height:58px;}
}

/* ---------- badges du hero ---------- */
.hdkn-badges .elementor-icon-list-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:9px 16px!important;}
.hdkn-badges .elementor-icon-list-item>a,.hdkn-badges .elementor-icon-list-item>span{display:flex!important;align-items:center;}

/* ---------- etapes numerotees 01 02 03 ---------- */
.hdkn-etapes ol{list-style:none;margin:0;padding:0;counter-reset:hdknstep;}
.hdkn-etapes ol li{counter-increment:hdknstep;position:relative;padding:22px 0 22px 62px;margin:0;border-top:1px solid rgba(44,51,56,.12);}
.hdkn-etapes ol li:first-child{border-top:0;padding-top:0;}
.hdkn-etapes ol li::before{content:"0" counter(hdknstep);position:absolute;left:0;top:22px;font-family:Archivo,sans-serif;font-weight:700;font-size:22px;line-height:1.25;color:var(--e-global-color-primary);}
.hdkn-etapes ol li:first-child::before{top:0;}

/* ---------- credit de recompense : deux equivalences lisibles ---------- */

/* ---------- bonus de rechargement : montant, credite, gain ---------- */
.hdkn-bonus ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;}
.hdkn-bonus ul li{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin:0;
  padding:12px 14px;border:1px solid rgba(255,255,255,.09);}
.hdkn-bonus ul li>span{font-family:Archivo,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.3px;
  font-variant-numeric:tabular-nums;color:#FFFFFF;white-space:nowrap;}
.hdkn-bonus ul li>span:first-child{color:var(--e-global-color-hkgrisc);}
.hdkn-bonus ul li>span:first-child::after{content:"\2192";margin-left:10px;font-weight:400;color:rgba(255,255,255,.32);}
.hdkn-bonus ul li>b{justify-self:end;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.6px;color:var(--e-global-color-primary);background:rgba(240,73,35,.12);
  border:1px solid rgba(240,73,35,.32);padding:5px 10px;white-space:nowrap;}
@media(max-width:420px){
  .hdkn-bonus ul li{grid-template-columns:1fr auto;}
  .hdkn-bonus ul li>span:nth-child(2){grid-column:1;color:var(--e-global-color-primary);}
}

/* ---------- bande de trois photos de la laverie ---------- */
/* equerres blanches dans les angles, comme le cadre au survol des galeries */

/* ---------- bande de logos partenaires ---------- */
.hdkn-logos{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);}
.hdkn-logo-pastille{background:#FFFFFF;min-height:62px;display:flex!important;align-items:center;justify-content:center;padding:12px 20px;}
.hdkn-logo-pastille .elementor-widget-container,.hdkn-logo-pastille figure,.hdkn-logo-pastille .elementor-image{display:flex;align-items:center;justify-content:center;height:100%;margin:0;}
.hdkn-logo-pastille img{max-height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .4s ease,opacity .4s ease;}
.hdkn-logo-pastille:hover img{filter:grayscale(0);opacity:1;}

/* ---------- boite a icone : icone sur la ligne du titre, meme en mobile ---------- */
@media(max-width:767px){
  .hdkn-ib .elementor-icon-box-wrapper{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;text-align:left!important;}
  .hdkn-ib .elementor-icon-box-icon{margin:3px 0 0 0!important;flex:0 0 auto;}
  .hdkn-ib .elementor-icon-box-content,.hdkn-ib .elementor-icon-box-title,.hdkn-ib .elementor-icon-box-description{text-align:left!important;}
}

/* ---------- listes filetees ---------- */
.hdkn-liste .elementor-icon-list-item{border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:12px!important;margin-bottom:12px!important;}
.hdkn-liste .elementor-icon-list-item:last-child{border-bottom:0;margin-bottom:0!important;}
.hdkn-liste-claire .elementor-icon-list-item{border-bottom-color:rgba(44,51,56,.12);}
.hdkn-liste .elementor-icon-list-icon,.hdkn-liste .elementor-icon-list-text{align-self:center!important;}

/* ---------- signature HDKN du pied de page ---------- */
/* Elementor 4 rend ses icones en SVG et ne charge pas Font Awesome : la signature
   passe par une liste d icones a deux items, et son lien doit rester en ligne. */
.hdkn-signature .elementor-icon-list-items{justify-content:center;}
.hdkn-signature .elementor-icon-list-item{white-space:nowrap;display:inline-flex!important;align-items:baseline;}
.hdkn-signature .elementor-icon-list-items .elementor-icon-list-item>a{display:inline-flex!important;align-items:center;gap:6px;text-decoration:none!important;}
.hdkn-signature .elementor-icon-list-item>a:hover .elementor-icon-list-text{color:#FFFFFF;}
.hdkn-signature .elementor-icon-list-icon{display:inline-flex;vertical-align:-2px;}

/* ---------- cache de consentement Complianz dans un cadre ---------- */
.hdkn-cadre{position:relative;}
.hdkn-cadre .cmplz-placeholder-parent{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;margin:0!important;}
.hdkn-cadre .cmplz-placeholder-parent iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;}
.hdkn-cadre iframe{display:block;}

/* ---------- avis Google ---------- */
.hdkn-avis .ti-widget{max-width:100%!important;}
.hdkn-avis{overflow-x:clip;}

/* ---------- menu deroulant mobile ---------- */
.elementor-nav-menu--dropdown{backdrop-filter:blur(18px);}
@media(max-width:1024px){
  .hdkn-barre .elementor-widget-nav-menu{position:static;}
  .hdkn-barre .elementor-nav-menu--dropdown{position:absolute!important;top:100%;left:0;right:0;width:auto!important;max-width:100vw;}
}

/* ---------- en-tete en mobile : logo, burger et bouton doivent tenir sur une ligne ---------- */
@media(max-width:767px){
  .hdkn-barre{gap:10px!important;}
  .hdkn-barre .elementor-widget-image{max-width:132px;}
  .hdkn-barre .elementor-widget-button .elementor-button{padding:13px 14px!important;font-size:12px!important;letter-spacing:.6px;}
}

/* ---------- tableaux d un editeur de texte en mobile ---------- */
@media(max-width:767px){
  .elementor-widget-text-editor table{display:block;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;font-size:13px;}
  .elementor-widget-text-editor th,.elementor-widget-text-editor td{padding:10px 12px;min-width:88px;}
}

/* ---------- mouvement reduit : reglage systeme, pas une option ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .hdkn-barre::after{transform:scaleX(1);}
}
/* les deux cartes du programme fidelite ont deux et trois lignes : on colle les
   tableaux au bas des cartes pour que leurs bases s alignent */
@media(min-width:768px){
  .hdkn-fid .hdkn-bonus ul{margin-top:auto;}
  .hdkn-fid .elementor-widget-text-editor{display:flex;flex-direction:column;height:100%;}
}
/* MARQUEUR-HDKN-LSQM-V10 */
/* ~~~~~~ HDKN : corrections du 4 septembre. MARQUEUR-HDKN-LSQM-V11 ~~~~~~ */

/* ---------- 1. survol des boutons : le texte doit contraster avec le
   remplissage qui balaie. Elementor 4 ne compile pas la couleur de texte au
   survol, on la pose donc ici, variante par variante. ---------- */
.hdkn-btn .elementor-button>*{position:relative;z-index:1;}
.hdkn-btn-contour-sombre .elementor-button:hover,
.hdkn-btn-contour-sombre .elementor-button:focus{color:#191E22!important;fill:#191E22!important;}
.hdkn-btn-contour-sombre .elementor-button:hover svg,
.hdkn-btn-contour-sombre .elementor-button:focus svg{fill:#191E22!important;}
.hdkn-btn-contour-clair .elementor-button:hover,
.hdkn-btn-contour-clair .elementor-button:focus{color:#FFFFFF!important;fill:#FFFFFF!important;}
.hdkn-btn-contour-clair .elementor-button:hover svg,
.hdkn-btn-contour-clair .elementor-button:focus svg{fill:#FFFFFF!important;}
.hdkn-btn-plein .elementor-button:hover svg,
.hdkn-btn-plein .elementor-button:focus svg{fill:#FFFFFF!important;}

/* ---------- 2. signature du pied de page : widget Texte, glyphe Font Awesome 4 ---------- */
.hdkn-signature p{margin:0;}
.hdkn-signature a.nounderline{color:#A9B0B6;transition:color .3s ease;}
.hdkn-signature a.nounderline:hover{color:#FFFFFF;}
.hdkn-signature .fa{margin-right:3px;font-size:.94em;}

/* ---------- 3. hero : diaporama, voile, grain et ligne de reperage ----------
   Le diaporama est un vrai enfant du conteneur : le voile doit donc etre pose
   sur lui, et non plus sur le fond du conteneur. */
.hdkn-hero>.elementor-background-slideshow{z-index:0;}
.hdkn-hero>.elementor-background-slideshow::after{content:"";position:absolute;inset:0;z-index:2;
  pointer-events:none;display:block;
  background:linear-gradient(100deg,rgba(20,26,29,.93) 0%,rgba(20,26,29,.46) 100%);}
.hdkn-hero::before{z-index:1;}
.hdkn-hero>.e-con,.hdkn-hero>.elementor-element{position:relative;z-index:2;}
@media(max-width:767px){
  .hdkn-hero>.elementor-background-slideshow::after{
    background:linear-gradient(178deg,rgba(20,26,29,.74) 0%,rgba(20,26,29,.93) 100%);}
}
.hdkn-hero-seo{max-width:620px;}
.hdkn-hero-seo p{margin:0;font-size:16.5px;line-height:1.64;}
@media(max-width:767px){.hdkn-hero-seo p{font-size:14.5px;line-height:1.58;}}

/* ---------- 4. badges du hero : espacement fiable, y compris au retour a la ligne ----------
   L ecart d Elementor n agit que sur les marges horizontales : sur mobile les
   pastilles empilees se touchaient. On repasse en gouttiere reelle. */
.hdkn-badges .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:10px;margin:0!important;}
.hdkn-badges .elementor-icon-list-item{margin:0!important;}
@media(max-width:767px){
  .hdkn-badges .elementor-icon-list-items{gap:8px;}
  .hdkn-badges .elementor-icon-list-item{padding:8px 13px!important;}
}

/* ---------- 5. Propre et sain : pastille carree encadree au-dessus du titre ---------- */
.hdkn-ib .elementor-icon-box-icon{margin-bottom:18px!important;}
.hdkn-ib .elementor-icon{display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:15px;border:1px solid rgba(240,73,35,.28);
  background:linear-gradient(150deg,rgba(240,73,35,.13),rgba(240,73,35,.03));
  box-shadow:0 12px 26px -18px rgba(240,73,35,.65);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.hdkn-ib:hover .elementor-icon{transform:translateY(-3px);border-color:rgba(240,73,35,.55);
  box-shadow:0 18px 32px -18px rgba(240,73,35,.7);}
.hdkn-ib .elementor-icon-box-description{font-size:16.5px;line-height:1.68;color:#3E464C;}
@media(max-width:767px){
  .hdkn-ib .elementor-icon-box-wrapper{display:block!important;text-align:left!important;}
  .hdkn-ib .elementor-icon-box-icon{margin:0 0 14px 0!important;}
  .hdkn-ib .elementor-icon{width:52px;height:52px;border-radius:14px;}
  .hdkn-ib .elementor-icon-box-description{font-size:15.5px;line-height:1.64;}
}

/* ---------- 6. tarifs : prix au format monetaire et duree en pastille ---------- */
.hdkn-prix .elementor-heading-title{display:inline-flex;align-items:flex-start;gap:2px;line-height:1;}
.hdkn-prix .hdkn-eu{font-size:.44em;font-weight:600;line-height:1;letter-spacing:.02em;
  transform:translateY(.36em);display:inline-block;}
.hdkn-duree .elementor-icon-list-items{display:inline-flex;}
.hdkn-duree .elementor-icon-list-item{border:1px solid rgba(255,255,255,.18);border-radius:999px;
  padding:5px 13px 5px 11px!important;background:rgba(255,255,255,.05);}

/* ---------- 6 bis. cinq cartes de tarifs : 3 laveuses puis 2 seche-linges ----------
   La grille d Elementor ne centre pas une derniere rangee incomplete. On passe
   par une grille de six colonnes et des cartes qui en occupent deux. */
@media(min-width:1025px){
  #tarifs .elementor-element-hkc080{grid-template-columns:repeat(6,1fr)!important;}
  #tarifs .elementor-element-hkc080>.elementor-element{grid-column:span 2;}
  #tarifs .elementor-element-hkc080>.elementor-element:nth-child(4){grid-column:2/span 2;}
  #tarifs .elementor-element-hkc080>.elementor-element:nth-child(5){grid-column:4/span 2;}
}
@media(min-width:768px) and (max-width:1024px){
  #tarifs .elementor-element-hkc080{grid-template-columns:repeat(4,1fr)!important;}
  #tarifs .elementor-element-hkc080>.elementor-element{grid-column:span 2;}
  #tarifs .elementor-element-hkc080>.elementor-element:nth-child(5){grid-column:2/span 2;}
}

/* ~~~~~~ HDKN : passe V12 du 4 septembre. MARQUEUR-HDKN-LSQM-V12 ~~~~~~ */

/* ---------- 1. en-tete mobile : le bandeau horaires disparait, et l ordre
   devient logo, bouton, menu. ---------- */
@media(max-width:767px){
  .elementor-element-74adcfbc{display:none!important;}
}
/* Sous 1025 px le menu est un bouton hamburger : on le renvoie en fin de ligne,
   apres le logo et le bouton d appel. */
@media(max-width:1024px){
  .elementor-element-7dad6d5b{flex-wrap:nowrap!important;}
  .elementor-element-7dad6d5b .elementor-element-2bf336a0{order:1;}
  .elementor-element-7dad6d5b .elementor-element-15fa3466{order:2;}
  .elementor-element-7dad6d5b .elementor-element-23e44356{order:3;}
}

/* ---------- 2. hero : voile allege pour laisser vivre les photos ---------- */
.hdkn-hero>.elementor-background-slideshow::after{
  background:linear-gradient(100deg,rgba(20,26,29,.86) 0%,rgba(20,26,29,.30) 100%);}
@media(max-width:767px){
  .hdkn-hero>.elementor-background-slideshow::after{
    background:linear-gradient(178deg,rgba(20,26,29,.62) 0%,rgba(20,26,29,.88) 100%);}
}

/* ---------- 3. surtitres sans filet, cartes sans equerre ---------- */
.hdkn-sur .elementor-heading-title{padding-top:0;}

/* ---------- 4. pastilles d icone : la meme partout, claire ou sombre ----------
   La couleur du texte reste portee par chaque widget, pour que la section
   sombre et la section claire gardent leur propre contraste. */
.hdkn-ib .elementor-icon-box-description{font-size:16.5px;line-height:1.68;}
.hdkn-ib-sombre .elementor-icon{border-color:rgba(240,73,35,.34);
  background:linear-gradient(150deg,rgba(240,73,35,.20),rgba(240,73,35,.05));
  box-shadow:0 12px 26px -18px rgba(240,73,35,.5);}
.hdkn-ib-sombre:hover .elementor-icon{border-color:rgba(240,73,35,.62);}
@media(max-width:767px){
  .hdkn-ib-sombre .elementor-icon-box-description{font-size:15.5px;line-height:1.64;}
}

/* ---------- 5. programme fidelite ----------
   Les tableaux collent au texte au lieu d etre pousses en bas de la carte,
   et sur mobile le second montant reste juste apres la fleche. */
.hdkn-fid .hdkn-bonus ul,.hdkn-fid .hdkn-cadran ul{margin-top:14px;}
@media(max-width:420px){
  .hdkn-bonus ul li{display:flex;flex-wrap:wrap;align-items:center;gap:9px;}
  .hdkn-bonus ul li>span{font-size:17px;}
  .hdkn-bonus ul li>span:nth-child(2){color:#FFFFFF;}
  .hdkn-bonus ul li>span:first-child::after{margin-left:8px;}
  .hdkn-bonus ul li>b{margin-left:auto;}
}

/* ---------- 6. tarifs : les cinq cartes sur une seule rangee en bureau ---------- */
@media(min-width:1025px){
  #tarifs .elementor-element-hkc080{grid-template-columns:repeat(5,1fr)!important;
    column-gap:16px!important;}
  #tarifs .elementor-element-hkc080>.elementor-element{grid-column:auto!important;
    padding:28px 22px!important;}
  #tarifs .hdkn-carte>.elementor-widget-heading:first-child .elementor-heading-title{font-size:18px;
    line-height:1.32;}
  #tarifs .hdkn-prix .elementor-heading-title{font-size:34px;}
  #tarifs .hdkn-duree .elementor-icon-list-item{padding:5px 11px 5px 9px!important;}
  #tarifs .hdkn-duree .elementor-icon-list-text{font-size:13.5px;}
}

/* ---------- 7. liste du pied de page : plus de filet, icone en pastille ---------- */
.hdkn-liste .elementor-icon-list-item{border-bottom:0!important;
  padding-bottom:0!important;margin-bottom:16px!important;}
.hdkn-liste .elementor-icon-list-item:last-child{margin-bottom:0!important;}
.hdkn-liste .elementor-icon-list-icon{display:inline-flex!important;align-items:center;
  justify-content:center;width:36px;height:36px;border-radius:10px;flex:0 0 36px;
  border:1px solid rgba(240,73,35,.30);
  background:linear-gradient(150deg,rgba(240,73,35,.18),rgba(240,73,35,.04));
  transition:border-color .35s ease,transform .35s ease;}
.hdkn-liste .elementor-icon-list-item:hover .elementor-icon-list-icon{
  border-color:rgba(240,73,35,.6);transform:translateY(-2px);}
.hdkn-liste .elementor-icon-list-icon svg,.hdkn-liste .elementor-icon-list-icon i{
  width:15px;height:15px;font-size:15px;}
.hdkn-liste-claire .elementor-icon-list-icon{border-color:rgba(240,73,35,.26);
  background:linear-gradient(150deg,rgba(240,73,35,.12),rgba(240,73,35,.03));}

/* ~~~~~~ HDKN : passe V13 du 4 septembre. MARQUEUR-HDKN-LSQM-V13 ~~~~~~ */

/* ---------- 1. le tambour ----------
   La signature graphique du site, tiree du hublot du logo Speed Queen : un
   tambour de machine, ses douze palettes et son cercle de verre, qui tourne en
   140 secondes. Tout tient dans un seul ::after, parce que le ::before des
   sections sombres porte deja la trame diagonale de .hdkn-texture. */
@keyframes hdkn-tambour{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.hdkn-hublot{position:relative;isolation:isolate;overflow:hidden;}
.hdkn-hublot::after{content:"";position:absolute;z-index:-1;display:block;pointer-events:none;
  width:620px;height:620px;border-radius:50%;
  border:1px solid rgba(240,73,35,.16);
  background:
    radial-gradient(circle,transparent 0 39.2%,rgba(240,73,35,.15) 39.7% 40.5%,transparent 41%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.045) 0deg 1.6deg,transparent 1.6deg 15deg);
  -webkit-mask:radial-gradient(circle,transparent 0 63%,#000 63.5% 77%,transparent 77.5%),
    radial-gradient(circle,transparent 0 38.8%,#000 39.2% 41.4%,transparent 41.8%),
    radial-gradient(circle,transparent 0 95.4%,#000 95.8% 100%);
  mask:radial-gradient(circle,transparent 0 63%,#000 63.5% 77%,transparent 77.5%),
    radial-gradient(circle,transparent 0 38.8%,#000 39.2% 41.4%,transparent 41.8%),
    radial-gradient(circle,transparent 0 95.4%,#000 95.8% 100%);
  animation:hdkn-tambour 140s linear infinite;}
.hdkn-hublot-droite::after{right:-200px;top:-160px;}
.hdkn-hublot-gauche::after{left:-250px;bottom:-230px;width:700px;height:700px;
  border-color:rgba(240,73,35,.11);animation-duration:190s;animation-direction:reverse;}
@media(max-width:767px){
  .hdkn-hublot::after{width:400px;height:400px;right:-150px;top:-120px;}
  .hdkn-hublot-gauche::after{width:440px;height:440px;left:-180px;bottom:-170px;
    right:auto;top:auto;}
}
@media(prefers-reduced-motion:reduce){.hdkn-hublot::after{animation:none;}}

/* ---------- 2. credit de recompense : un cadran de dix points ----------
   Remplace le tableau d equivalence. Le cadran reprend le tambour : dix
   graduations pour les dix points qui font un euro de credit. */
.hdkn-cadran ul{list-style:none;margin:20px 0 0;padding:0;display:flex;align-items:center;gap:26px;}
.hdkn-cadran ul li{margin:0;padding:0;}
.hdkn-cadran ul li:first-child{position:relative;flex:0 0 126px;width:126px;height:126px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid rgba(240,73,35,.32);
  background:radial-gradient(circle at 50% 40%,rgba(240,73,35,.11),rgba(240,73,35,.02) 72%);}
.hdkn-cadran ul li:first-child::before{content:"";position:absolute;inset:-10px;border-radius:50%;
  background:repeating-conic-gradient(from -90deg,
    var(--e-global-color-primary) 0deg 2.4deg,transparent 2.4deg 36deg);
  -webkit-mask:radial-gradient(circle,transparent 0 67px,#000 67px 72px,transparent 72px);
  mask:radial-gradient(circle,transparent 0 67px,#000 67px 72px,transparent 72px);opacity:.9;}
.hdkn-cadran ul li:first-child b{font-family:Archivo,sans-serif;font-weight:700;font-size:40px;
  line-height:1;color:#FFFFFF;font-variant-numeric:tabular-nums;}
.hdkn-cadran ul li:first-child i{font-style:normal;font-size:11.5px;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--e-global-color-primary);margin-top:5px;}
.hdkn-cadran ul li:last-child{display:grid;gap:13px;}
.hdkn-cadran ul li:last-child span{display:block;position:relative;padding-left:17px;
  font-size:15.5px;line-height:1.6;color:var(--e-global-color-hkgrisc);}
.hdkn-cadran ul li:last-child span::before{content:"";position:absolute;left:0;top:.6em;
  width:6px;height:6px;border-radius:50%;background:var(--e-global-color-primary);}
.hdkn-cadran ul li:last-child b{color:#FFFFFF;font-family:Archivo,sans-serif;font-weight:700;}
@media(max-width:540px){
  .hdkn-cadran ul{flex-direction:column;align-items:flex-start;gap:20px;}
}

/* ---------- 3. pied de page : la pastille respire ---------- */
.hdkn-liste .elementor-icon-list-text{padding-left:15px!important;}

/* ~~~~~~ HDKN : passe V14 du 4 septembre. MARQUEUR-HDKN-LSQM-V14 ~~~~~~ */

/* Bouton d appel de l en-tete : le numero doit tenir sur une seule ligne.
   Elementor laisse le libelle en white-space:normal, et l icone plus son
   ecart mangent la largeur utile : le numero passait a la ligne sous 768 px. */
@media(max-width:767px){
  .elementor-element-15fa3466 .elementor-button{white-space:nowrap!important;
    padding:13px 12px!important;}
  .elementor-element-15fa3466 .elementor-button-content-wrapper{flex-wrap:nowrap!important;
    white-space:nowrap!important;gap:6px!important;}
  .elementor-element-15fa3466 .elementor-button-text{white-space:nowrap!important;}
  .elementor-element-15fa3466 .elementor-button-icon{margin:0!important;flex:0 0 auto;}
}

/* Mentions legales : la liste des categories de cookies */
.elementor-element-mlxc911 ul{margin:12px 0 0 20px;padding:0;}
.elementor-element-mlxc911 ul li{margin:0 0 8px 0;}
.elementor-element-mlxc911 a{color:var(--e-global-color-primary);text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px;}
.elementor-element-mlxc911 a:hover{color:var(--e-global-color-hkorangef);}
.elementor-element-mlxc911 strong{color:var(--e-global-color-accent);}

/* Le raccourci de consentement rend ses categories sans mise en page hors
   banniere : on les cadre, sans toucher a ses controles ni a ses couleurs. */
.elementor-element-mlxc911 .cmplz-categories{border:1px solid rgba(44,51,56,.13);}
.elementor-element-mlxc911 .cmplz-category{border-bottom:1px solid rgba(44,51,56,.10);}
.elementor-element-mlxc911 .cmplz-category:last-child{border-bottom:0;}
.elementor-element-mlxc911 .cmplz-category-header{display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:13px 16px;}
.elementor-element-mlxc911 .cmplz-category-title{font-family:Archivo,sans-serif;font-weight:600;
  font-size:15px;color:var(--e-global-color-accent);}
.elementor-element-mlxc911 .cmplz-banner-checkbox,
.elementor-element-mlxc911 .cmplz-always-active{display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;}
.elementor-element-mlxc911 .cmplz-icon{margin:0;flex:0 0 auto;}
.elementor-element-mlxc911 .cmplz-description{padding:0 16px 14px;font-size:14.5px;
  line-height:1.7;color:var(--e-global-color-hkgris);}

/* MARQUEUR-HDKN-LSQM-V15 : bouton Assistance en ligne */
.hdkn-assistance .elementor-button{cursor:pointer;}
@media (max-width:767px){
  .elementor-element-15fa3466 .elementor-button-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .elementor-element-15fa3466 .elementor-button{padding-left:13px!important;padding-right:13px!important;}
  .elementor-element-15fa3466 .elementor-button-content-wrapper{gap:0!important;}
  .elementor-element-15fa3466 .elementor-button-icon{margin:0!important;font-size:16px;}
}/* End custom CSS */