/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /*========= Nikhilesh =========================================*/
.js-an_productattributes-add-to-cart{text-transform: inherit !important}
.an_productattributes-qty-container{flex: 42px 0 0; height:30px}
.an_productattributes-qty {height:35px}
.an_productattributes-qty-add .btn-primary{ height: 35px !important; padding: 0px !important;}
#products .thumbnail-container:focus .highlighted-informations.no-variants,#products .thumbnail-container:hover .highlighted-informations.no-variants,.featured-products .thumbnail-container:focus .highlighted-informations.no-variants,.featured-products .thumbnail-container:hover .highlighted-informations.no-variants,.product-accessories .thumbnail-container:focus .highlighted-informations.no-variants,.product-accessories .thumbnail-container:hover .highlighted-informations.no-variants,.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants,.product-miniature .thumbnail-container:hover .highlighted-informations.no-variants{bottom:0px !important;}
.thumbnail-container{
    display:flex;
    flex-direction:column;
    height: 100%; /* S'assure que la carte prend toute la hauteur dispo dans la colonne */
    min-height: 420px; /* Force une hauteur min pour uniformiser */
}
.product-description{
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Permet à la description de remplir l'espace restant */
    padding:10px;
}
.product-price-and-shipping {
    margin-top: auto !important; /* Pousse le prix vers le bas de la description */
    padding-bottom: 10px;
}
.an_productattributes-add{
    display:flex;
    justify-content:center;
    margin-top: 10px;
    width: 100%;
}

/* On s'assure que le titre a une hauteur fixe pour l'alignement, ou flex-grow */
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
    margin-bottom: 10px;
}

.an_productattributes-add .btn-primary{
    width:auto;
    margin:0;
}
#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{padding-top: 18px;}
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title{ min-height:43px;}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{/* margin-bottom:10px !important;*/}
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title{margin-top: 1px;}
#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{ margin-top:-20px; z-index: -1;}
/*.an_productattributes .an_pa_product-variants > .product-variants-item select{z-index: -1;margin-top: -162px;}*/
.an_productattributes .an_pa_product-variants > .product-variants-item {margin:0px}
.an_productattributes .an_pa_product-variants > .product-variants-item ul li{z-index: -1;margin: -108px 5px 85px 0px;}
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations
{
position: absolutestatic;
padding-top: -27.375rem;
z-index: 2;
background: #fff;
text-align: center;
width: 250px;
height: 7.125rem;
}
.tabs .all-product-link
{
padding-top: 45px;
padding-bottom: 10px;
color:#fff;
}
#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {margin-bottom: 30px !important;}
.product-variants > .product-variants-item ul{width: 180px !important;}
.product-variants > .product-variants-item .float-xs-left{float: unset !important;}
.colorname{ margin-left: 5px;vertical-align: top;}
.an_productattributes-add .btn-primary {
  margin: 0;
  width: 100%;
  margin-left: 35px;
  height: 2.75rem;
  line-height: inherit;
}
/*========================= End ==================================*/


.dropdown-item{display:block;width:170px;padding:3px 1.5rem;clear:both;font-weight:400;color:#363a42;text-align:inherit;/*white-space:nowrap;*/background:none;border:0; font-size:14px;}
#category-12  .dropdown-item{ width:130px; }
.top-menu a.dropdown-submenu{ width:173px;}
.top-menu a[data-depth="0"]{font-weight:600;padding:.1875rem 0.1rem .375rem}
#header .header-nav{ max-height:118px; margin-bottom:0px;}
#header .header-nav .right-nav{ margin-top:0;}
#header .header-top{ padding-bottom:0px;}
#header .header-top .menu{ margin-bottom:0px;}
.headertext{ margin-top:55px;}
 
#index .nav-item .nav-link, .nav-item .nav-separtor {font-weight: 500 !important;}
#header .header-top a[data-depth="0"] {text-transform:none !important;}
.top-menu a.dropdown-submenu {text-transform:none !important;}

.menu-images-container { text-align: center;}
.category { text-align: center;}
.product-information #ean_emballage_cadeau {font-size:17px !important;}
/*------------------------------23092020------------------------*/
ul.top-menu li.category > a input[type=checkbox], ul.top-menu li.category > a label{
	display:none;
}
@media only screen and (min-width:768px){

	ul#top-menu > li.category > a input[type=checkbox]{
		display:none;
	}

	ul.top-menu li.category > a.dropdown-item{
		text-align:left!important;
		white-space:nowrap;
	}
	ul.top-menu li.category > a label{
		position:relative;
		margin-left: 15px;
		font-size:20px;
		display:inline;
	}
	ul.top-menu li.category > a input{
		display:inline;
	}

	ul.top-menu li.category > a+div{
		padding-left:9px;
		display:none;
	}
	ul#top-menu li.category  a{ cursor:pointer;}
	ul#top-menu li.category  a label{ cursor:pointer;}
}
ul.top-menu {
	text-align-last: center;
}
.headertext {
    margin-top: 16px;
    font-size: 17px;
    color: #0000de;
    font-family: 'Segoe Print';
}

/* =========================================
✅ PLEINE LARGEUR – VERSION FINALE STABLE
========================================= */

#page,
#wrapper,
.container,
.container-fluid {
  max-width: 100% !important;
  width: 100% !important;
}

/* Supprime les marges latérales */
#wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Confort de lecture interne */
#content-wrapper > .container {
  padding-left: 15px;
  padding-right: 15px;
}

/* ✅ Sécurité pages produit (centrée propre) */
.page-product #content-wrapper > .container {
  max-width: 1200px;
  margin: auto;
}

/* =========================================
✅ FORCER 6 PRODUITS PAR LIGNE (DESKTOP)
✅ VERSION QUI MARCHE AVEC CLASSIC
========================================= */

@media (min-width: 1200px) {

  /* Remplace le col-lg-3 (4 produits) */
  .products .col-lg-3 {
    flex: 0 0 16.666666% !important;
    max-width: 16.666666% !important;
  }

  /* Espacement entre les fiches */
  .products .col-lg-3 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

/* Redimensionnement des logos */
#header .logo{
  max-width:50%
}

/* Header desktop: centrer les logos, barre de recherche et le texte*/
@media (min-width: 768px) {
  #header .header-nav .custom-header-row {
    min-height: 120px;
  }

  #header .header-nav .custom-header-col {
    min-height: 120px;
  }

  #header .header-nav .custom-header-logo-main {
    max-height: 105px;
    width: auto;
    max-width: 100%;
  }

  #header .header-nav .custom-header-logo-center {
    max-height: 70px;
    width: auto;
    max-width: 100%;
  }

  #header .header-nav .custom-header-search-col {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #header .header-nav .custom-header-search-widget {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }

  #header .header-nav .custom-header-search-widget .search-form {
    width: 100%;
  }

  #header .header-nav .custom-header-search-widget .search-form input[type=text] {
    width: 100%;
    min-width: 0;
    padding-right: 2.2rem;
  }

  #header .header-nav .custom-header-search-widget .search-form button[type=submit] {
    right: 0.4rem;
    bottom: 50%;
    transform: translateY(50%);
  }

  #header .header-nav .custom-header-search-widget .search-form button[type=submit] span {
    display: none;
  }

  #header .header-nav .right-nav.custom-header-col {
    align-items: center;
    justify-content: flex-end;
  }

  #header .header-nav .right-nav.custom-header-col > * {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* Couleur du site */
/* fond principal du site */
body{
    background-color: #322621;
}
/* fond du pied de page du site */
footer{
    background-color: #F2F2F2;
}
/* bouton des cartes de produits */
.btn-primary {
  color: #0000E2;
}
/* Texte + liens + séparateurs du fil d'ariane */
#wrapper .breadcrumb,
#wrapper .breadcrumb li,
#wrapper .breadcrumb li a,
#wrapper .breadcrumb li span,
#wrapper .breadcrumb li::before,
#wrapper .breadcrumb li::after {
  color: #fff !important;
}
/* Liens de catégorie en blanc "Tous les produits" affichage des articles */
.block-categories a{
  color:#ffffff
}
/* fond de la pagination transparent et color pour les points */
.pagination .page-list{
  background:transparent;
  color: white;
}
/* Liens de pagination en blanc pour ceux non sélectionnés */
.page-list li:not(.current) a {
    color: white;
}

/* Keep left/right columns in normal grid flow on category/index pages */
#category .stickey,
#index .stickey {
  position: relative;
  top: auto;
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}

/* Keep category menu inside left column flow to prevent overlap on product cards */
#category #left-column .block-categories,
#index #left-column .block-categories {
  position: relative;
  width: auto;
  height: auto;
  margin-top: 0;
}

#category #left-column .category-top-menu,
#index #left-column .category-top-menu {
  height: auto;
}

.lf-px-10 {
  padding-left: 10%;
  padding-right: 10%;
}

.lf-mt-5{
  margin-top: 5%;
}

/* Page Contact */
.contact-rich .block .data {
  color: #fff;
}


/* ==========================================================================
   CARTES PRODUIT MEME HAUTEUR (SANS CASSER LA GRILLE)
   ========================================================================== */

/* 1. On étire les cartes sur une même ligne, sans toucher aux largeurs du thème */
#products .products,
.featured-products .products,
.product-accessories .products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* 2. Chaque miniature devient un conteneur vertical */
#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature .product-miniature {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 30px !important;
}

/* 3. La carte visuelle prend toute la hauteur de sa miniature */
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  background: #fff;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  margin-bottom: 0 !important;
  padding-bottom: 15px !important;
  border: 1px solid #e5e5e5;
}

/* 4. L'image garde sa taille normale */
#products .thumbnail-container .product-thumbnail,
.featured-products .thumbnail-container .product-thumbnail,
.product-accessories .thumbnail-container .product-thumbnail,
.product-miniature .thumbnail-container .product-thumbnail {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 180px !important;
  min-height: 70% !important;
  flex: 0 0 auto !important;
  margin-bottom: 10px;
  text-align: center;
}

#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
  position: static !important;
  max-height: 160px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

/* 5. La description occupe l'espace restant pour aligner le bas */
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  gap: 8px;
  padding: 0 10px !important;
  background: transparent !important;
  position: static !important;
  height: auto !important;
  width: auto !important;
}

/* 6. Prix et bouton restent en bas */
.product-price-and-shipping {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  z-index: auto !important;
  text-align: center;
}

.an_productattributes-add {
  display: flex !important;
  justify-content: center !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}

.an_productattributes-add .btn-primary {
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 20px !important;
  line-height: inherit !important;
  white-space: normal !important;
}