/* >>>>>>>>>>>>>>>  Suppprime le bandeau supérieur (contenant le panier ou la connexion utilisateur) du Header  <<<<<<<<<<<<<<<<<  */
@layer utilities {
  @media (min-width: 768px) {
    .d-md-block {
      display:none !important;
    }
  }
}


#_desktop_ps_shoppingcart,
#_desktop_ps_customersignin,
#_mobile_ps_shoppingcart,
#_mobile_ps_customersignin {
  flex: 0 0 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}


/* GESTION LOGO Page d'Accueil */
 
.header-bottom .navbar-brand .logo .header-bottom__container {
  width: 220px !important;   /* ajuste à ta convenance */
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* COULEURS */
body{background-color:#cddc39 !important;}
.header .header-bottom{background-color:#cddc39 !important;}
.header-bottom{border-bottom:0px solid #cddc39;}


/* PAGE D'ACCUEIL : Gestion du centrage et autres couleurs ... */
#header .header-bottom__logo,
#header .header-bottom__h1,
#header .header-bottom .navbar-brand {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.page-content--home {
    gap:1em; /* espace entre la page principale et le bandeau header */
}



/* ------------- LOGO ------------- */

.header-bottom .navbar-brand .logo{
    max-height:unset;
}

.header-bottom__logo {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 768px) {
    #header .header-bottom .navbar-brand img.logo {
        max-width: 60%;
        height:auto;
        object-fit: contain;
        flex: 0 0 100% !important;
        justify-content: center !important;
        display: block;
        margin: 0 auto;   /* ← centre l'image */
    }
}

@media (max-width: 768px) {
    #header .header-bottom .navbar-brand img.logo {
        max-width: 30%;
        height:auto;
        object-fit: contain;
        flex: 0 0 100% !important;
        justify-content: center !important;
        display: block;
        margin: 0 auto;   /* ← centre l'image */
    }
}

.ps-contactinfo.footer-block.col-md-6.col-lg-3 {width:100%;}
.footer-block__title{}
.carousel-item{}


/************** CARTE STORE LOCATOR ******************/
/* Mobile et tablette : la carte occupe 65 % de la hauteur visible */
/*@media (max-width: 991px) {
  [class*="widget-list-map-body__Container"] {
    height: 35dvh !important;
    max-height: 35dvh !important;
  }
}*/