.elementor-kit-7{--e-global-color-primary:#041431;--e-global-color-secondary:#FCFAF4;--e-global-color-text:#0A0A0A;--e-global-color-accent:#809BCE;--e-global-color-c62c433:#FFFFFF;--e-global-color-ddfb62a:#424242;--e-global-color-3845bd6:#7F808E;--e-global-color-a2984bf:#E1E1E1;--e-global-color-cc50948:#EEEEEE;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Trirong";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Sora";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Sora";--e-global-typography-accent-font-weight:700;--e-global-typography-96dd10a-font-family:"Sora";--e-global-typography-96dd10a-font-size:14px;--e-global-typography-96dd10a-font-weight:700;--e-global-typography-96dd10a-text-transform:uppercase;--e-global-typography-96dd10a-text-decoration:none;--e-global-typography-96dd10a-line-height:14px;--e-global-typography-21d8d6c-font-family:"Sora";--e-global-typography-21d8d6c-font-size:16px;--e-global-typography-21d8d6c-font-weight:700;--e-global-typography-21d8d6c-text-transform:uppercase;--e-global-typography-21d8d6c-line-height:20px;--e-global-typography-8adaceb-font-family:"Sora";--e-global-typography-8adaceb-font-size:16px;--e-global-typography-8adaceb-font-weight:300;--e-global-typography-8adaceb-text-transform:uppercase;--e-global-typography-8adaceb-line-height:20px;--e-global-typography-c8ca39f-font-family:"Sora";--e-global-typography-c8ca39f-font-size:15px;--e-global-typography-c8ca39f-font-weight:500;--e-global-typography-e7c03d7-font-family:"Sora";--e-global-typography-e7c03d7-font-size:18px;--e-global-typography-e7c03d7-font-weight:300;--e-global-typography-065cab3-font-family:"Sora";--e-global-typography-065cab3-font-size:13px;--e-global-typography-065cab3-font-weight:400;--e-global-typography-222729f-font-family:"Sora";--e-global-typography-222729f-font-size:17px;--e-global-typography-222729f-font-weight:400;--e-global-typography-27ac274-font-family:"Sora";--e-global-typography-27ac274-font-size:50px;--e-global-typography-27ac274-font-weight:600;--e-global-typography-27ac274-line-height:52px;color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-96dd10a-font-family );font-size:var( --e-global-typography-96dd10a-font-size );font-weight:var( --e-global-typography-96dd10a-font-weight );text-transform:var( --e-global-typography-96dd10a-text-transform );text-decoration:var( --e-global-typography-96dd10a-text-decoration );line-height:var( --e-global-typography-96dd10a-line-height );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;padding:12px 16px 12px 16px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-accent );}.elementor-kit-7 p{margin-block-end:24px;}.elementor-kit-7 a{text-decoration:underline;}.elementor-kit-7 h1{font-family:"Sora";font-size:46px;font-weight:600;line-height:50px;}.elementor-kit-7 h2{font-size:40px;font-weight:600;line-height:44px;}.elementor-kit-7 h3{font-size:28px;font-weight:500;line-height:40px;}.elementor-kit-7 h4{font-size:17px;font-weight:600;}.elementor-kit-7 img{border-radius:8px 8px 8px 8px;}.elementor-kit-7 label{color:var( --e-global-color-c62c433 );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{border-radius:8px 8px 8px 8px;padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:56px;--container-default-padding-right:56px;--container-default-padding-bottom:56px;--container-default-padding-left:56px;}.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);}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:18px;--e-global-typography-96dd10a-font-size:14px;--e-global-typography-96dd10a-line-height:14px;--e-global-typography-21d8d6c-font-size:14px;--e-global-typography-21d8d6c-line-height:18px;--e-global-typography-8adaceb-font-size:14px;--e-global-typography-8adaceb-line-height:18px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 p{margin-block-end:24px;}.elementor-kit-7 h1{font-size:42px;line-height:46px;}.elementor-kit-7 h2{font-size:40px;line-height:44px;}.elementor-kit-7 h3{line-height:40px;}.elementor-kit-7 h4{line-height:24px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-96dd10a-font-size );line-height:var( --e-global-typography-96dd10a-line-height );}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:16px;--e-global-typography-96dd10a-font-size:12px;--e-global-typography-96dd10a-line-height:12px;--e-global-typography-21d8d6c-font-size:12px;--e-global-typography-21d8d6c-line-height:16px;--e-global-typography-8adaceb-font-size:12px;--e-global-typography-8adaceb-line-height:16px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 p{margin-block-end:20px;}.elementor-kit-7 h1{font-size:40px;line-height:44px;}.elementor-kit-7 h2{font-size:32px;line-height:36px;}.elementor-kit-7 h3{font-size:28px;line-height:36px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-96dd10a-font-size );line-height:var( --e-global-typography-96dd10a-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-96dd10a-font-size:12px;--e-global-typography-96dd10a-line-height:12px;--e-global-typography-21d8d6c-line-height:14px;--e-global-typography-8adaceb-line-height:14px;--e-global-typography-c8ca39f-font-size:20px;--e-global-typography-27ac274-font-size:30px;--e-global-typography-27ac274-line-height:40px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-7 p{margin-block-end:16px;}.elementor-kit-7 h1{font-size:31px;line-height:33px;}.elementor-kit-7 h2{font-size:28px;line-height:32px;}.elementor-kit-7 h3{font-size:28px;line-height:36px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-96dd10a-font-size );line-height:var( --e-global-typography-96dd10a-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 1. On donne de l'espace en HAUT et en BAS au carrousel pour l'ombre et le soulèvement */
.elementor-widget-loop-carousel .swiper {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    
    /* 2. On compense avec une marge négative pour ne pas décaler toute ta page */
    margin-top: -25px !important;
    margin-bottom: -25px !important;
}

/* 3. On s'assure que les diapositives elles-mêmes laissent déborder l'ombre */
.elementor-widget-loop-carousel .swiper-slide {
    overflow: visible !important;
}


/* ==========================================================================
   1. STRUCTURE & LAYOUT (Gabarit Produit / PDP)
   ========================================================================== */

/* Stabilisation du parent pour le sticky */
.pdp-main-container,
.pdp-main-container > .e-con-inner {
    display: flex !important;
    align-items: flex-start !important; 
}

/* Colonne de gauche (Texte) : Sticky Natif */
.pdp-content-column {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important; 
    height: auto !important;
    align-self: flex-start !important;
}

/* Colonne de droite (Images) : Flux normal */
.pdp-media-column {
    position: relative !important;
}


/* ==========================================================================
   2. TYPOGRAPHIE, LISTES & CITATIONS
   ========================================================================== */

/* Mentions dans les formulaires */
.form-mention {
    color: #fff;
    font-size: 0.7em;
}

/* Espacement des listes globales */
.elementor-widget-text-editor ul,
ul.wp-block-list,
ul.wp-block-list li {
    margin: 16px 0;
    margin-block-end: 1.2em;
}

/* Correction sur le widget Dual Heading */
.pp-dual-heading {
    display: block;
    margin: 8px 0;
}
.pp-dual-heading .pp-second-text {
    white-space: normal !important; /* "wrap" n'existe pas en CSS, "normal" est la bonne valeur */
}

/* Style des citations (Blockquote) */
.elementor-theme-post-content blockquote,
.wp-block-quote {
    position: relative;
    margin: 40px 0;
    padding: 30px;
}
.wp-block-quote::before {
    content: "\201C";
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: 15rem;
    color: #041431;
    opacity: 0.08;
    line-height: 1;
}


/* ==========================================================================
   3. GESTION GLOBALE DES LIENS (Couleurs, Survol & Nettoyage)
   ========================================================================== */

/* Suppression du soulignement forcé sur les structures et menus */
a .elementor-heading-title,
footer a,
a.e-con, 
a.e-child,
a.e-n-menu-title-container {
    text-decoration: none !important;
}

/* État Normal : Textes, Titres, Formulaires */
.elementor-widget-text-editor a,
.elementor-widget-heading a,
.elementor-widget-theme-post-content a, 
.form-mention a,
.elementor-field-subgroup a {
    color: currentColor !important;
    text-decoration-color: currentColor !important;
    transition: color 0.3s ease-in-out, text-decoration-color 0.3s ease-in-out !important;
}

/* État Survol (Hover) : Application du bleu #809bce partout */
.elementor-widget-text-editor a:hover,
.elementor-widget-heading a:hover,
.elementor-widget-theme-post-content a:hover,
.form-mention a:hover,
.elementor-field-subgroup a:hover,
a.e-n-menu-title-container:hover {
    color: #809bce !important; 
    text-decoration-color: #809bce !important;
}


/* ==========================================================================
   4. COMPOSANTS INTERACTIFS (Boutons, Cartes, Filtres, Accordéons)
   ========================================================================== */

/* Filtres et Taxonomies (Tags) */
.dce-term-item, 
.filters-item a, 
.post-type {
    display: inline-block;
    background-color: #041431;
    border-radius: 8px; /* Modifie à 100px si tu veux un effet "pilule" complet */
    padding: 4px 16px;
    margin: 4px 4px 4px 0px;
    color: #fff !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease-in-out;
}
.dce-term-item:hover, 
.filters-item a:hover, 
.filter-active a {
    background-color: #809bce;
}

/* Accordéons imbriqués (Rotation icône et fluidité) */
.e-n-accordion-item-title-text,
.e-n-accordion-item-title-icon svg {
    transition: color 0.3s ease-in-out, fill 0.3s ease-in-out !important;
}
.e-n-accordion-item-title-icon .e-opened {
    display: none !important;
}
.e-n-accordion-item-title-icon .e-closed {
    display: flex !important; 
    transition: transform 0.4s ease-in-out !important;
}
details[open] .e-n-accordion-item-title-icon .e-closed {
    transform: rotate(180deg) !important;
}

/* Effet Lévitation standard sur les cartes (.card-hover) */
.card-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out !important;
}
.card-hover:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px;
}

/* Effet Background sur les Cartes Fontaines */
.visuel-fontaine-comptoir, 
.visuel-fontaine-murale, 
.visuel-fontaine-sur-pied {
    transition: background-image 0.4s ease-in-out !important;
}
.carte-fontaine:hover .visuel-fontaine-murale {
    background-image: url('/wp-content/uploads/2026/03/fontaine-murale-menu-16.jpg') !important;
}
.carte-fontaine:hover .visuel-fontaine-sur-pied {
    background-image: url('/wp-content/uploads/2026/03/fontaine-sur-pied-menu1.jpg') !important;
}
.carte-fontaine:hover .visuel-fontaine-comptoir {
    background-image: url('/wp-content/uploads/2026/04/fontaine-sur-comptoir-menu2.jpg') !important;
}


/* ==========================================================================
   5. CARROUSEL CUSTOM (.twyd-carousel-swipe)
   ========================================================================== */

/* Positionnement et gestion du débordement */
.twyd-carousel-swipe {
    overflow: hidden !important;
}
.twyd-carousel-swipe .elementor-image-carousel-wrapper {
    margin-left: 16px !important; 
    width: calc(88% - 16px) !important; 
    overflow: visible !important;
}
.twyd-carousel-swipe .swiper-slide {
    padding-right: 15px;
    box-sizing: border-box;
}

/* Animation de Zoom Interne */
.twyd-carousel-swipe .swiper-slide figure.swiper-slide-inner {
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(0.92); /* Slides inactifs */
}
.twyd-carousel-swipe .swiper-slide-active figure.swiper-slide-inner {
    transform: scale(1) !important; /* Slide actif au centre */
}


/* ==========================================================================
   6. RESPONSIVE (Tablettes & Mobiles)
   ========================================================================== */

@media (max-width: 1024px) {
    /* On désactive le sticky de la colonne texte sur mobile/tablette */
    .pdp-content-column {
        position: relative !important;
        top: 0 !important;
    }
}


/* ==========================================================================
   7. FOOTER MENU
   ========================================================================== */

.menu-footer-legales .footer-menu {
  display: flex;
  gap: 20px; /* espace entre les liens */
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-footer-legales .footer-menu li {
  margin: 0;
}
.footer-menu 
{
    padding-inline-start: 0px;
    list-style: none;
}
.footer-menu li 
{
    padding-top: 8px;
    padding-bottom: 8px;
}
.footer-menu li a 
{
    color:#FFF;
    padding-top: 8px;
    padding-bottom: 8px;
}
.footer-menu li a:hover 
{
    color:#809bce;
    
}/* End custom CSS */