/*.login-logo {
  max-width: 300px;
  margin-bottom: 2rem;
}

.login-box {
  width: 100%;
  max-width: 400px;
  padding: 2rem;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
*/
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('../fonts/Brandon/hvdtrial_brandon_grotesque_regular-bf64a625c944b08-webfont.woff2') format('woff2'),
       url('../fonts/Brandon/hvdtrial_brandon_grotesque_regular-bf64a625c944b08-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('../fonts/Segoe/SegoeUI.woff2') format('woff2'),
       url('../fonts/Segoe/SegoeUI.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
  .home-categories img{border-radius:25px !important;  margin-bottom: 15px;}

#header, #header .header-top {
  background-color: black !important;
  color: #fff;
}
#header .logo {
  max-width: 170px;
  height: auto;
  margin: 13px;
}

body#category .block-category .block-category-inner .category-cover img {
  width: 205px;
  height: 180px;
  margin-right: 20px;
}
#search_widget form i {
  padding: .2rem .5rem; color: #000;
}
#custom-text {
  padding: 0.125rem !important;
  margin-bottom: 1.5rem;
  text-align: center;
  background: #fff;
  border-radius: 2px;
}
.head-banner{
  background:url('/img/cms/514642435_1217764140389581_486384280609559011_n.jpg');
  background-position: center center ;
  
  width: 100%;
  height: 234px;
  background-size: cover;
  background-position: center 30%;
  margin-bottom: 25px;
}  

.head-banner-account{
  background:url('/img/cms/istockphoto-643268472-2048x2048 - 15-07-2025 16-49-18.webp');
  background-position-y: -48px;
  width: 100%;
  height: 234px;
  background-size: cover;
  margin-bottom: 25px;
} 
.mt-3 {
  margin-top: 1rem !important;
}
#search_widget form input {
  padding: 5px 20px 5px 40px !important;
}

#header .header-nav {
  border-bottom: 0px !important;
}

.page-my-account #content .links a:hover i{
  color: #00572c !important;
}

a {
  color: #00572c;
}

body {
 /*font-family:system-ui, -apple-system, "Segoe UI", Roboto, 
  "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, 
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family:  "Source Serif Pro", Sans-serif;
}
#wrapper{  background: transparent !important;}
.page-index h1{ font-size: 2rem;font-family: "Oswald", Sans-serif;font-weight: 400;  text-transform: uppercase;}
.page-index #custom-text img{ width:160px;}
#_desktop_cart,#_desktop_user_info,#_desktop_contact_link{display:inline-block !important;}

/*#top-menu,*/
#_desktop_logo .menu,#breadcrumb{display:none !important;}
.product-flags{display:none;}
#header .header-top a[data-depth="0"] {`
  color:#232323 !important;
  text-transform: initial !important;
}
#header .header-top {
  padding: 0.5rem 0;
}
#search_widget {
    min-width: 12rem !important;  
    padding-top: 5% !important;
    overflow: unset !important;
}
#header form {
  width: 100% !important;
  display:flex !important;
  flex-direction: row;
}
#header form input{
  background-color: #ddd !important;
  border-radius: 20px;
  /*padding: 5px 15px;*/
}
.header-top-right div {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
#header .header-nav .cart-preview.active {
  background: transparent !important;
}
.header-nav .cart-preview.active i {
  color: #000 ! important;
}
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i {
  color: #000 !important;
}
#header #_desktop_logo h1{display: inline-block;}


@media only screen and (min-width: 992px) {

}

@media (min-width: 1200px) {
#header .header-top 
  .container {
    width: 1980px;
    max-width: 100%;
  }
}

.product-card {
      border: 1px dashed #ccc !important;
      text-align: center !important;
      padding: 20px !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
    }
.btn-produits {
      background-color: #000 !important;
      color: #fff !important;
      border: none !important;
      padding: 6px 12px !important;
      border-radius: 5px !important;
      cursor: pointer;
}

.btn-produits:hover,.d-block:hover .btn-produits {
  background-color: #00572c !important;
}

img.mb-3{max-width:100% !important;}
.product-card h3 {
color: rgb(33, 37, 41) !important;
font-family: 
/*system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", 
"Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", 
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;*/
"Roboto", sans-serif;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 24px !important;
}


body#category .block-category .block-category-inner {
  justify-content: space-between;
/*  flex-direction: row-reverse !important;*/
  display: grid;
  grid-template-columns: 180px auto; /*repeat(2, 200px);*/
  grid-template-rows: auto auto;
}
 
body#category .block-category .category-cover{
  grid-column: 1/2;
  grid-row: 1/3;
}
body#category .block-category h1 {
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
  /*margin-bottom: 0px;*/
}
body#category #category-description{padding-left:5px;}

.btn-primary,
.btn-primary:hover {
  background-color: #eae2f2;
  border: 1px solid #aaa;
  color: #000;
}
.btn-primary:hover {
  background-color:#00572c
}
.btn-primary.focus,
.btn-primary:focus {
  color:#000;
  background-color:#eae2f2;
  border: 1px solid #aaa;
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
  color:#000;
  background-color:#eae2f2;
  border: 1px solid #aaa;
}

.product-prices,.price{display: none !important;}

#subcategories ul li:hover .subcategory-image a {
  padding: 5px;
  border: 5px solid #eae2f2;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
.group-span-filestyle .btn-default{
    background-color: #00572c;
}
.pagination .current a ,.tabs .nav-tabs .nav-link.active,
.product-miniature .highlighted-informations .quick-view:hover{
    color: #00572c !important;
}
#header a,#header .top-menu a[data-depth="0"],a.subcategory-name{
    color: #fff !important;
    font-family: "Oswald", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase !important;
}
a:hover{
    color: #00572c!important;
}
#header .top-menu a[data-depth="0"]:hover,#header a:hover{
  color: #FF2538 !important;
}
#_mobile_logo{
    display : flex; 
  flex-direction : row;
}
#_mobile_logo  h1,#_desktop_top_menu{
  display : grid /*flex*/; 
  flex-direction : row;
}
.tabs .nav-tabs .nav-link.active,.product-images > li.thumb-container .thumb.selected, 
.product-images > li.thumb-container .thumb:hover {
      border-color: #00572c;
}
.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 {
  color: #fff;
  background-color: #00572c;
}
.block-categories a {
  color: #232323;
}
.home-categories .product-card{min-height:360px !important;}
.home-categories .product-card h3{min-height:48px !important;}

body#authentication .btn-primary, body#authentication .btn-primary:hover {
  background-color: #000 !important;
  border: 1px solid #aaa;
  color: #fff;
}
@media (max-width: 992px) {
    #category #category-description{display: none !important;}
    #category h1{margin-bottom: 15px !important;}
    /*#_mobile_logo  h1{  display : grid  !important; }*/
    #header .header-nav {max-height: unset !important;}
    .logo { max-height: 2rem;max-width: unset !important;width:100px;}
    #search_widget { min-width: 7rem !important;padding-top: 2%;}
}
header .logout{ display: none !important;}
#category .ets-htmlBox-hook {padding: 1.563rem 1.25rem;}
#order-slips-link{display: none !important;}

@media (min-width: 992px) {
    body#category .block-category .block-category-inner {
      display: grid;
      grid-template-columns: 180px auto;
      column-gap: 50px;
      align-items: start;
      margin-bottom: 2rem;
    }
    
    /* Colonne image */
    body#category .block-category .category-cover {
      grid-column: 1;
      grid-row: 1 / span 2;
    }
    
    /* Conteneur pour titre + description */
    body#category .block-category .category-info {
      grid-column: 2;
      grid-row: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 180px; /* même hauteur que l'image */
    }
    
    /* Stabiliser la hauteur même si texte court */
    body#category .block-category #category-description {
      flex-grow: 1;
      padding-top: 5px;
    }
}
#my-account footer a{
border: 1px solid;
  padding: 5px 10px;
  border-radius: 20px;
}

/* En mobile : passage en colonne */
@media (max-width: 768px) {
  ._mobile_logo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  ._mobile_logo .h1 {
    order: 0;
    justify-content: center;
    display: flex !important;
  }

  .#search_widget {
    order: 1;
  }

  #_mobile_user_info,#_mobile_cart{
    order: 2;
    justify-content: space-between;
  }
  
  #menu-icon,#_mobile_cart,#_mobile_user_info{float: none !important;}
  #header .header-nav .blockcart {
      margin-left: 0px !important;
      text-align: center;
      background: transparent;
    }
  #header .header-nav .user-info {
    text-align: center;margin-left: 0px !important;}    
  #header .header-nav .user-info .account {
        margin-left: 0px !important;
  }
  #_mobile_logo {
  display: block !important;  text-align: center;
  }
  #search_widget {
   padding: 0.5rem 2rem !important;
  }
  .header-nav .mobile{
  display: flex;
  flex-wrap: wrap;}
  #header .header-nav #menu-icon {
  width: 100%;   text-align: center;}
  #_mobile_cart, #_mobile_user_info {
    width: 50%;
  }
 #header .top-logo {
    width: 100%;
  }
  .dropdown-item,#contact-link{text-align:center !important;}