/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /* #header { color:#FFF } */
 /* #header .header-nav{ background:#333 !important; } */
 /* #header .language-selector .expand-more { color:#FFF !important; } */

@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


 #header .header-top .container .row:first-of-type {
   align-items: flex-start;
 }
 #header .logo { max-width: 15rem; max-height: 5rem; float: left;  }
 #header .search-widget { width: calc(100% - 20rem); margin-bottom: 1rem; }

 /* carousel */
 .carousel .carousel-item .caption .display-1 {
   font-size: 2.5rem;
 }

/* LINK COLOR */
 a:link, a:visited, a:hover, a:active,
 .pagination .current a,
 .tabs .nav-tabs .nav-link.active,
 .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover,
 .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover
 {
   color: #2E9E3F;
   border-color: #2E9E3F;
 }

 a:hover, a:active {
   color: #2E9E3F !important;
   text-decoration: underline;
 }
.btn-primary {
  background-color: #2E9E3F;
  border-radius: 9px;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
 background-color:#2E9E3F;
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
 background-color:#2E9E3F;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
 background-color:#2E9E3F;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
 background-color:#51cd64;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
 background-color:#2E9E3F;
}

 /* MENU */
 ul.top-menu > li > a[data-depth="0"] {
   /* padding-bottom: 2rem !important; */
 }

 /* Category */
 .block-category {
   min-height: 350px;
 }
 .block-category h1, .block-category .block-category-inner #category-description p {
   color: #FFF !important;
   width: 48%;
 }
 /* .block-category .block-category-inner {
   flex-direction: column;
 }
 .block-category .block-category-inner .category-cover img {
   width: auto;
 } */

 /* MODAL */
 #product-modal {
   /* background-color: rgba(255,255,255,0.75); */
   background-color: rgba(0,0,0 ,0.75);
 }

 /* Homepage */
#custom-text {
  /* min-height: 600px;
  font-size: 12pt;
  line-height: 2.5rem; */

}
 #custom-text h1 {
  color: #7d7d7d;
  font-size: 20pt;
  margin: 40px 0 10px 0;
  padding: 0;
    font-family: "Amaranth", sans-serif;
 }

 #custom-text h2 {
  color: #7d7d7d;
  font-size: 19px;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  text-transform: none;
    font-family: "Amaranth", sans-serif;
 }

 #custom-text p {
  font-size: 1.1rem;
  color: #7d7d7d;
  line-height: 1.7rem;
  text-align: justify;
    font-family: "Montserrat", sans-serif;
 }

 /* PAGES */
.page-header {
  color: #2E9E3F;
  text-shadow: 0 0 0 #000;
  background: #fff;
  border-top: 5px solid #333;
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 20px;
}
.page-content h3 {
  padding: 2rem 0;
}

/* CUSTOM */

@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

#search_widget form input {
  outline: none;
  background-color: #f1f1f1;
  border: none;
  border-radius: 12px;
  width: 100%;
  margin-top: 4px;
  margin-left: auto;
  display: block;
}

.top-menu a[data-depth="0"] {
    padding: .05rem;
    font-size: 1rem;
    font-weight: 600;
}

/* Bouton vert arrondi spécifiquement pour CONTACT */
.top-menu a[data-depth="0"]:contains("CONTACT"),
.top-menu a[data-depth="0"][href*="contact-us"] {
    background-color: #28a745;
    color: white !important;
    border-radius: 9px;
    transition: all 0.3s ease;
}

.top-menu a[data-depth="0"]:contains("CONTACT"):hover,
.top-menu a[data-depth="0"][href*="contact-us"]:hover {
    background-color: #218838;
    transform: translateY(-1px);
}

#header .header-top {
    padding: 2.7rem;
}

#header .logo {
    max-width: 12rem;
    max-height: 5rem;
    float: left;
    padding: 10px
}


*,:after,:before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    border-radius: 10px;
}
.wishlist-button-add {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    padding-top: .1875rem;
    background-color:#ffffff4d;
    box-shadow: .125rem -0.125rem .25rem 0 rgb(154 154 154 / 20%);
    border-radius: 25%;
    cursor: pointer;
    transition: .2s ease-out;
    border: none;
    backdrop-filter: blur(10px);
}

.wishlist-button-add i {
    color: #b3b3b3;
}

.product-miniature .product-title a {
    FONT-VARIANT: JIS90;
    font-size: 1rem;
    font-weight: 400;
    color: #6f6f6f;
    text-align: center;
    text-decoration: none;
}

#wrapper {
    padding-top: 1.563rem;
    background: #fff;
}

.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 15px rgb(213 213 213 / 10%);
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 28px;
    left: 90px;
    max-width: 340px;
    color: #585858;
}

.carousel .carousel-item .caption .caption-description .page-content.page-cms ul,.carousel .carousel-item .caption .caption-description p,.page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
    font-size: 1rem;
    color: #959595
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1.1rem;
    line-height: 1.25em;
}

#header .header-nav {
    max-height: 40px;
    border-bottom: #fff 2px solid;
}

#header .header-top {
    padding: 45px;
    padding-top: 30px;
    border-bottom: #e1e1e1 1px solid;
    border-radius: 0;
    box-shadow: 0 20px 40px rgb(247 247 247);
}

.carousel {
    margin-bottom: 1.5rem;
    box-shadow: 0 15px 30px rgb(235 235 235);
    margin-top: 2rem;
}


.top-menu .popover {
    max-width: inherit;
    border-radius: 10;
}

.h2, h2 {
    font-size: 2rem
    32px;
    font-family: "Amaranth", sans-serif;
}

.h1, .h2, .h3, .h4 {
    color: #585858;
    font-family: "Amaranth", sans-serif;
}

@media (min-width: 1200px) {
    .container {
        width: 1400px;
        max-width: 100%;
    }
}
.dropdown .expand-more {
    color: #848484;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.rem;
    text-transform: uppercase;
    /* overflow: hidden; */
    white-space: nowrap;
    text-indent: 0;
    width: 2ch;
    font-weight: 400;
}

@media only screen and (min-width: 992px) {
    #search_widget {
        min-width: 1rem;
	padding-left: 10px;
    }
}

.top-menu .popover {
    border-radius: 18;
    opacity:50%;
    border-top-left-radius: ;
    border-top-right-radius: ;
    border-bottom-right-radius: ;
    border-bottom-left-radius: ;
    background-color: #ffffffde;
    backdrop-filter: blur(10px);
}

.category {
    border-radius: 12;
    background-color: #fff;
    box-shadow: 0 20px 40px rgb(247 247 247);
    height: 100%;
}

.btn-unstyle {
    padding: 0;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    font-size: 12px;
}

#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {
    margin: 2.5rem 0;
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
}

.h1, .h2, .h3, .h4, body {
    color: #585858;
}

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /* #header { color:#FFF } */
 /* #header .header-nav{ background:#333 !important; } */
 /* #header .language-selector .expand-more { color:#FFF !important; } */
 #header .header-top .container .row:first-of-type {
   align-items: flex-start;
 }
 #header .logo { max-width: 15rem; max-height: 5rem; float: left;  }
 #header .search-widget { width: calc(100% - 20rem); margin-bottom: 1rem; }

 /* carousel */
 .carousel .carousel-item .caption .display-1 {
   font-size: 2.5rem;
 }

/* LINK COLOR */
 a:link, a:visited, a:hover, a:active,
 .pagination .current a,
 .tabs .nav-tabs .nav-link.active,
 .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover,
 .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover
 {
   color: #2E9E3F;
   border-color: #2E9E3F;
 }

 a:hover, a:active {
   color: #2E9E3F !important;
   text-decoration: underline;
 }
 .btn-primary {
   background-color: #2E9E3F;
 }
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
 background-color:#2E9E3F;
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
 background-color:#2E9E3F;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
 background-color:#2E9E3F;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
 background-color:#51cd64;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
 background-color:#2E9E3F;
}

 /* MENU */
 ul.top-menu > li > a[data-depth="0"] {
   /* padding-bottom: 2rem !important; */
 }

 /* Category */
 .block-category {
   min-height: 350px;
 }
 .block-category h1, .block-category .block-category-inner #category-description p {
   color: #FFF !important;
   width: 48%;
 }
 /* .block-category .block-category-inner {
   flex-direction: column;
 }
 .block-category .block-category-inner .category-cover img {
   width: auto;
 } */

 /* MODAL */
 #product-modal {
   /* background-color: rgba(255,255,255,0.75); */
   background-color: rgba(0,0,0 ,0.75);
 }

 /* Homepage */
#custom-text {
  /* min-height: 600px;
  font-size: 12pt;
  line-height: 2.5rem; */
}
 #custom-text h1 {
  color: #2E9E3F;
  font-size: 20pt;
  margin: 40px 0 10px 0;
  padding: 0;
 }

 #custom-text h2 {
  color: #6A6A6A;
  font-size: 19px;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  text-transform: none;
 }

 #custom-text p {
  font-size: 1.1rem;
  color: #6A6A6A;
  line-height: 1.7rem;
  text-align: justify;
 }

 /* PAGES */
.page-header {
  color: #2E9E3F;
  text-shadow: 0 0 0 #000;
  background: #fff;
  border-top: 5px solid #333;
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 20px;
}
.page-content h3 {
  padding: 2rem 0;
}

/* CUSTOM */

#search_widget form input {
  outline: none;
  background-color: #f1f1f1;
  border: none;
  border-radius: 12px;
  width: 100%;
  margin-top: 0px;
  display: block;
}


/* Bouton vert arrondi spécifiquement pour CONTACT */
.top-menu a[data-depth="0"]:contains("CONTACT"),
.top-menu a[data-depth="0"][href*="contact-us"] {
    background-color: #28a745;
    color: white !important;
    border-radius: 9px;
    transition: all 0.3s ease;
}

.top-menu a[data-depth="0"]:contains("CONTACT"):hover,
.top-menu a[data-depth="0"][href*="contact-us"]:hover {
    background-color: #218838;
    transform: translateY(-1px);
}

#header .header-top {
    padding: 2.7rem;
}

#header .logo {
    max-width: 16rem;
    max-height: 6rem;
    float: left;
    padding: 10px;
}


*,:after,:before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    border-radius: 10px;
}
.wishlist-button-add {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    padding-top: .1875rem;
    background-color: #fff;
    box-shadow: .125rem -0.125rem .25rem 0 rgb(154 154 154 / 20%);
    border-radius: 25%;
    cursor: pointer;
    transition: .2s ease-out;
    border: none;
    backdrop-filter: blur(10px);
}

.wishlist-button-add i {
    color: #b3b3b3;
}

.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 400;
    color: #7d7d7d;
    text-align: center;
    text-decoration: none;
}

#wrapper {
    padding-top: 1.563rem;
    background: #fff;
}

.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 15px rgb(213 213 213 / 10%);
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 28px;
    left: 90px;
    max-width: 340px;
    color: #7d7d7d;
}

.carousel .carousel-item .caption .caption-description .page-content.page-cms ul, .carousel .carousel-item .caption .caption-description p, .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
    font-size: 1rem;
    color: #fbfbfb;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1.1rem;
    line-height: 1.25em;
}

#header .header-nav {
    max-height: 40px;
    border-bottom: #fff 2px solid;
}

#header .header-top {
    padding: 45px;
    border-bottom: #e1e1e1 1px solid;
    border-radius: 0;
    box-shadow: 0 20px 40px rgb(247 247 247);
}

.carousel {
    margin-bottom: 1.5rem;
    box-shadow: 0 15px 30px rgb(235 235 235);
}

.top-menu a[data-depth="0"] {
    padding: 0.05rem;
    font-size: 1rem;
    font-weight: 400;
}

.h2, h2 {
    font-size: 2rem
    32px;
}

.h1, .h2, .h3, .h4, body {
    color: #7d7d7d;
}

@media (min-width: 1200px) {
    .container {
        width: 1400px;
        max-width: 100%;
    }
}
.dropdown .expand-more {
    color: #7d7d7d;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.rem;
    text-transform: uppercase;
    /* overflow: hidden; */
    white-space: nowrap;
    text-indent: 0;
    width: 2ch;
    font-weight: 400;
}

.etiquette {
    font-weight: 400;
    border-radius:9px;
    background-color: #f1f1f1;
    padding: 4px 10px;
    margin-top: 2rem;
}

.bouton-secondary {
    display: inline-block;
    border: 1px solid #cbcbcb;
    padding: 8px 16px;
    background-color: #fff;/* Arrière-plan gris au lieu de blanc */
    color: #7d7d7d; /* Couleur du texte grise (déjà présente) */
    text-decoration: none;
    border-radius: 12px;
    font-weight: normal; /* 'regular' n'est pas une valeur CSS valide */
    margin-left: 0; /* Supprime la marge gauche pour un alignement à gauche */
    margin-right: 2px;
    text-align: left; /* Force l'alignement du texte à gauche */
    float: left; /* Optionnel : force l'élément à s'aligner à gauche */
}

.bouton-center {
    display: inline-block;
    border: 1px solid #cbcbcb;
    padding: 8px 16px;
    background-color: #fff; /* Arrière-plan gris au lieu de blanc */
    color: #7d7d7d;/* Couleur du texte grise (déjà présente) */
    text-decoration: none;
    border-radius: 12px;
    font-weight: normal; /* 'regular' n'est pas une valeur CSS valide */
    margin-left: 5px; /* Supprime la marge gauche pour un alignement à gauche */
    margin-right: 5px;
    text-align: center;/* Force l'alignement du texte à gauche */
    float: center;/* Optionnel : force l'élément à s'aligner à gauche */
}

#custom-titre {
    color: #7d7d7d;
    font-size: 19px;
    padding: 0 0 10px 0;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 600;
    font-size: 2.5rem;
    text-align: left;
}

#custom-titre-center {
    color: #7d7d7d;
    font-size: 19px;
    padding: 0 0 10px 0;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 600;
    font-size: 2.5rem;
    text-align: center;
}

#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {
    margin: 3.7rem 0 2.5rem 0;
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
}

bouton-green {
    display: inline-block; padding: 8px 16px; background-color: #2E9E3F; color: white; text-decoration: none; border-radius: 12px; font-weight: regular; margin-left:10px; margin-right:10px;
}

.product-miniature .product-description {
    position: relative;
    bottom: 0;
    height: auto;
    padding: .25rem .25rem .7rem;
    background: #f8f8f8;
}

.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 400;
    color: #7d7d7d;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

.top-menu .sub-menu, .top-menu .sub-menu.collapse {
    visibility: hidden;
    opacity: 0;
    border-radius: 20px;
    padding: 16px;
}

.display-1 {
    font-size: 3rem;
    font-weight: 600;
    color: #ffffff

}

.category {
    border-radius: 12;
    background-color: #ffffff00;
    box-shadow: none;
    height: 100%;
}

#lgcookieslaw_fixed_button, .lgcookieslaw-banner {
    background-color: rgb(255 255 255 / 70%);
    color: #FFFFFF !important;
    -webkit-box-shadow: 0px 1px 5px 0px #707070;
    -moz-box-shadow: 0px 1px 5px 0px #707070;
    box-shadow: 0px 1px 5px 0px #ffffff;
    backdrop-filter: blur(10px);
}

.lgcookieslaw-button-container .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-accept-button, .lgcookieslaw-modal .lgcookieslaw-badge, .lgcookieslaw-slider.lgcookieslaw-slider-checked {
    color: #FFFFFF !important;
    background: #35ab50 !important;
    /* border-color: #8BC954 !important; */
    border-radius: 9px;
}

.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-button-container .lgcookieslaw-accept-button {
    text-align: center;
    min-height: 40px;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    /* background-color: #8BC954; */
    border-color: #fdfdfd00;
    color: #FFF;
}

.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-modal .lgcookieslaw-reject-button {
    color: #7a7a7a !important;
    background: #8bc95400 !important;
    border-color: #b7b7b7 !important;
    border-radius: 9px;
    border-width: 0px;
}

#lgcookieslaw_banner .lgcookieslaw-banner-message p {
    color: #7a7a7a !important;
}

#lgcookieslaw_banner .lgcookieslaw-banner-message a {
    color: #7a7a81 !important;
    border-bottom: 1px solid #86868c;
}

.btn-unstyle {
    padding: 0;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    font-size: 15px;
}

#subcategories ul li {
  width: calc(100%/3 - 20px);
  min-width: 200px;
  margin: 10px;
  text-align: center;
}

@media (max-width: 767px) {
    #header .top-logo img {
        width: auto;
        max-height: 5rem;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        display: block;
    }
}

#custom-text {
    padding: 3.125rem;
    margin-bottom: 1.5rem;
    text-align: center;
    background: #fff;
    border-radius: 2px;
}

@media (max-width: 767px) {
#custom-text {
    padding: 0.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    background: #fff;
    border-radius: 2px;
}
}

.dropdown-item {
    display: block;
    width: 100%;
    /* padding: 3px 1.5rem; */
    clear: both;
    font-weight: 400;
    /* color: #363a42; */
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0 .625rem .625rem 0;
    font-weight: 600;
}

.top-menu a[data-depth="2"] {
    color: red;
}

.top-menu a[data-depth="3"] {
    color: green;
    padding: 0px;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 25px;
    /* color: antiquewhite; */
}


/* Neutralisation complète des couleurs pour laisser les autres règles CSS gérer les couleurs 
#block_myaccount_infos .myaccount-title a, 
#header a, 
#wrapper .breadcrumb li a, 
.block-contact .block-contact-title, 
.block-contact .navbar-toggler .material-icons, 
.linklist .blockcms-title a {
    color: inherit !important;
}
*/
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    /* color: #363a42; */
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    margin-top: 8px;
    margin-right: 10px;
    margin-left: 10px;
}

.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0 .625rem .625rem 0;
    font-weight: 600;
}