.elementor-6223 .elementor-element.elementor-element-8c8ce6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-fd075bb{text-align:center;}.elementor-6223 .elementor-element.elementor-element-fd075bb .elementor-heading-title{font-family:"Signika", Sans-serif;font-size:61px;font-weight:500;letter-spacing:0px;color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-51024ce{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-51024ce.e-con{--align-self:center;}.elementor-6223 .elementor-element.elementor-element-39a4252{text-align:center;font-family:"Inter", Sans-serif;letter-spacing:-0.5px;color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-93e78ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-67c17eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-d64f684{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;padding:20px 20px 20px 20px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products  ul.products{grid-column-gap:16px;grid-row-gap:24px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:16px 16px 16px 16px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.5px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-d4affe7 );font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:500;letter-spacing:-0.3px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price del {font-family:"Inter", Sans-serif;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-d4affe7 );font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;letter-spacing:-0.5px;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;margin-top:16px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-0def00f );background-color:var( --e-global-color-d4affe7 );}.elementor-6223 .elementor-element.elementor-element-4d8c390 nav.woocommerce-pagination{margin-top:32px;}.elementor-6223 .elementor-element.elementor-element-bde3b66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6223 .elementor-element.elementor-element-8063664{--spacer-size:50px;}@media(min-width:768px){.elementor-6223 .elementor-element.elementor-element-51024ce{--width:80vw;}.elementor-6223 .elementor-element.elementor-element-93e78ff{--content-width:100vw;}.elementor-6223 .elementor-element.elementor-element-67c17eb{--width:20%;}.elementor-6223 .elementor-element.elementor-element-d64f684{--width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-6223 .elementor-element.elementor-element-67c17eb{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6223 .elementor-element.elementor-element-51024ce{--width:100vw;}}@media(max-width:1366px){.elementor-6223 .elementor-element.elementor-element-8c8ce6f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:10px 10px 10px 10px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price del {font-size:10px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .button{font-size:13px;margin-top:12px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product{padding:15px 15px 15px 15px;}}@media(max-width:1024px){.elementor-6223 .elementor-element.elementor-element-8c8ce6f{--margin-top:-43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:31px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:10px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:10px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .button{font-size:14px;}}@media(max-width:767px){.elementor-6223 .elementor-element.elementor-element-fd075bb .elementor-heading-title{font-size:51px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:18px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .price del {line-height:0.1em;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products ul.products li.product .button{font-size:14px;line-height:1.2em;margin-top:12px;}.elementor-6223 .elementor-element.elementor-element-4d8c390.elementor-wc-products .added_to_cart{margin-inline-start:0px;}}/* Start custom CSS for html, class: .elementor-element-0322e81 *//* === Nautique Marine – WOOF Filters (responsive optimisé) === */

/* Bloc principal */
.woof_container {
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #E5F8FF;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Hover bloc : effet subtil */
.woof_container:hover {
  background-color: #F9FDFF;
}

/* Titre du bloc */
.woof_container h4 {
  font-size: 1rem;
  color: #005080;
  font-weight: 600;
  margin-bottom: 14px;
  letter-spacing: -0.3px;
}

/* Liste des filtres */
.woof_list_checkbox {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Ligne individuelle */
.woof_list_checkbox li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.woof_list_checkbox li:hover {
  transform: translateX(2px);
}

/* Cases à cocher carrées */
.woof_checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #005080;
  border-radius: 4px;
  margin-right: 10px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}

/* ✅ Case cochée : bleu Nautique Marine plein */
.woof_checkbox:checked {
  background-color: #005080;
  border-color: #005080;
}

/* Libellé */
.woof_checkbox_label {
  font-size: 0.95rem;
  color: #111;
  cursor: pointer;
  transition: color 0.3s ease;
}

.woof_checkbox_label:hover {
  color: #005080;
}

/* Cache le bouton RESET */
.woof_reset_button,
.woof_reset_search_form,
.woof_reset {
  display: none !important;
}

/* Espacement entre blocs */
.woof_container + .woof_container {
  margin-top: 24px;
}

/* Slider de prix (si activé) */
.woof_price_filter_slider {
  margin-top: 10px;
}

.woof_price_filter_slider .ui-slider-range {
  background: #005080 !important;
}

.woof_price_filter_slider .ui-slider-handle {
  background: #E5F8FF !important;
  border: 2px solid #005080 !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.woof_price_filter_slider .ui-slider-handle:hover {
  transform: scale(1.1);
}

/* === 🧭 Responsive Design Nautique Marine === */

/* Tablettes (<= 1024px) */
@media (max-width: 1024px) {
  .woof_container {
    padding: 18px;
    border-radius: 16px;
  }

  .woof_container h4 {
    font-size: 0.95rem;
    margin-bottom: 10px;
  }

  .woof_list_checkbox li {
    margin-bottom: 8px;
  }

  .woof_checkbox {
    width: 16px;
    height: 16px;
  }

  .woof_checkbox_label {
    font-size: 0.9rem;
  }
}

/* Mobiles (<= 768px) */
@media (max-width: 768px) {
  .woof_container {
    padding: 16px;
    margin-bottom: 16px;
  }

  .woof_container h4 {
    font-size: 0.9rem;
  }

  .woof_list_checkbox li {
    margin-bottom: 7px;
  }

  .woof_checkbox {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }

  .woof_checkbox_label {
    font-size: 0.88rem;
  }
}

/* Petits mobiles (<= 480px) */
@media (max-width: 480px) {
  .woof_container {
    padding: 14px;
    border-radius: 14px;
  }

  .woof_container h4 {
    font-size: 0.85rem;
    margin-bottom: 8px;
  }

  .woof_list_checkbox li {
    margin-bottom: 6px;
  }

  .woof_checkbox {
    width: 15px;
    height: 15px;
    margin-right: 6px;
  }

  .woof_checkbox_label {
    font-size: 0.85rem;
    line-height: 1.3;
  }

  /* Facilite le clic tactile */
  .woof_list_checkbox li {
    padding: 4px 0;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4d8c390 *//* =========================================================
   TABLEAU DE BORD — Nautique Marine
   ========================================================= */
:root {
    --nm-bleu:        #005080;
    --nm-bleu-clair:  #E5F8FF;
    --nm-gris-btn:    #ECECEC;
    --nm-texte:       #111111;
    --nm-blanc:       #ffffff;

    --nm-duree:       0.4s;
    --nm-courbe:      cubic-bezier(0.22, 1, 0.36, 1);
    --nm-courbe-btn:  cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* =========================================================
   1. CARD PRODUIT
   ========================================================= */
.product.type-product {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--nm-blanc);
    cursor: pointer;
    transition:
        transform        var(--nm-duree) var(--nm-courbe),
        background-color var(--nm-duree) var(--nm-courbe);
    will-change: transform;
}

.product.type-product:hover {
    transform: translateY(-6px) scale(1.01);
    background-color: var(--nm-bleu-clair);
}

/* =========================================================
   2. IMAGE
   ========================================================= */
.product.type-product img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    transform-origin: center center;
    transition:
        transform     var(--nm-duree) var(--nm-courbe),
        border-radius var(--nm-duree) var(--nm-courbe);
    will-change: transform;
}

.product.type-product:hover img {
    transform: scale(1.06);
    border-radius: 12px;
}

/* =========================================================
   3. TITRE
   ========================================================= */
.product.type-product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--nm-texte);
    margin-top: 12px;
    transition: color var(--nm-duree) var(--nm-courbe);
}

.product.type-product:hover .woocommerce-loop-product__title {
    color: var(--nm-bleu);
}

/* =========================================================
   4. PRIX
   ========================================================= */
.product.type-product .price {
    color: var(--nm-bleu);
    font-weight: 600;
    font-size: 0.95rem;
}

/* =========================================================
   5. NETTOYAGE ELEMENTOR
   ========================================================= */
.product.type-product > .elementor-widget-wrap {
    padding: 0 !important;
}

/* =========================================================
   6. BOUTON AJOUTER AU PANIER
   ========================================================= */
a.button.add_to_cart_button,
a.button.product_type_simple {
    background: var(--nm-gris-btn);
    color: var(--nm-bleu);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 30px;
    padding: 12px 28px;
    border: none;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition:
        background-color var(--nm-duree) var(--nm-courbe-btn),
        color            var(--nm-duree) var(--nm-courbe-btn),
        transform        var(--nm-duree) var(--nm-courbe-btn);
    cursor: pointer;
    will-change: transform;
}

/* Icône panier */
a.button.add_to_cart_button::before,
a.button.product_type_simple::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9em;
    color: inherit;
    transition: transform var(--nm-duree) var(--nm-courbe-btn);
}

/* Hover bouton */
a.button.add_to_cart_button:hover,
a.button.product_type_simple:hover {
    background-color: var(--nm-bleu);
    color: var(--nm-blanc);
    transform: translateY(-2px) scale(1.03);
}

/* Micro-rebond de l'icône au hover */
a.button.add_to_cart_button:hover::before,
a.button.product_type_simple:hover::before {
    transform: rotate(-12deg) scale(1.15);
}

/* Press au clic */
a.button.add_to_cart_button:active,
a.button.product_type_simple:active {
    transform: translateY(0px) scale(0.98);
}/* =========================================================
   PAGINATION WOOCOMMERCE
   ========================================================= */
/* =========================================================
   PAGINATION WOOCOMMERCE
   ========================================================= */
.woocommerce-pagination {
    display: flex;
    justify-content: center;
    margin-top: 48px;
    overflow: visible !important; /* Force la visibilité pour éviter le crop du hover */
}

.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Ajusté sur un multiple de 8 */
    list-style: none;
    padding: 8px !important; /* Ajout d'un espace pour laisser respirer l'animation et éviter le rognage */
    margin: 0;
    border: none !important; /* Écrase la bordure native de WooCommerce */
    background: transparent !important;
    box-shadow: none !important;
}

/* Sécurité pour écraser les bordures appliquées directement sur les li par le thème ou Woo */
.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    border: none !important;
    margin: 0;
    padding: 0;
}

/* Tous les éléments : chiffres + prev/next */
.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1rem; /* Typographie fluide */
    font-weight: 600;
    color: var(--nm-bleu);
    background-color: var(--nm-gris-btn);
    border: none;
    text-decoration: none;
    transition:
        background-color var(--nm-duree) var(--nm-courbe-btn),
        color            var(--nm-duree) var(--nm-courbe-btn),
        transform        var(--nm-duree) var(--nm-courbe-btn);
    cursor: pointer;
    will-change: transform;
}

/* Hover */
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
    background-color: var(--nm-bleu);
    color: var(--nm-blanc);
    transform: translateY(-8px) scale(1.05); /* translateY ajusté sur 8px */
}

/* Page active */
.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
    background-color: var(--nm-bleu);
    color: var(--nm-blanc);
    cursor: default;
}

/* Prev & Next */
.woocommerce-pagination ul.page-numbers li a.page-numbers.prev,
.woocommerce-pagination ul.page-numbers li a.page-numbers.next {
    width: auto;
    padding: 0 16px; /* Ajusté sur un multiple de 8 */
    border-radius: 40px; /* Plus grand que la hauteur pour un bel effet pilule */
    gap: 8px; /* Ajusté sur un multiple de 8 */
}

/* Press au clic */
.woocommerce-pagination ul.page-numbers li a.page-numbers:active {
    transform: translateY(0) scale(0.96); /* Le scale reste en ratio pour la fluidité */
}/* =========================================================
   CORRECTION DU ROGNAGE (CROP) SUR LA PAGINATION
   ========================================================= */

.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    /* On passe le padding à 16px pour créer une zone tampon suffisante pour le translateY(-8px) */
    padding: 16px !important; 
    margin: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    /* Force la visibilité en dehors de la boîte de la liste */
    overflow: visible !important; 
}

/* Sécurité renforcée sur les éléments de liste */
.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    border: none !important;
    margin: 0;
    padding: 0;
    /* Force la visibilité en dehors de la boîte de l'item */
    overflow: visible !important; 
}/* End custom CSS */