/* ============================
   LOGO PRINCIPAL (Desktop)
============================ */
#_desktop_logo {
  text-align: center;
}

#_desktop_logo img {
  max-height: 100px;
  height: auto;
  width: auto;
  margin-bottom: 30px;
  display: inline-block;
}
/* Étape 1 : suppression du fond du panier vide */
#header .header-nav .blockcart {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
}
/* Réaligner le bloc panier avec les autres icônes */
#header .header-nav .blockcart {
  display: flex !important;
  align-items: flex-end !important;
  padding: 12px !important;
  height: 100% !important;
}

/* Quand le panier contient des articles, changer la couleur de l’icône et du texte */
#header .header-nav .cart-preview.active i,
#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active .cart-products-count,
#header .header-nav .cart-preview.active .hidden-sm-down {
  color: #6d324f !important;
}
/* Quand le panier est vide, couleur #0d596a */
#header .header-nav .cart-preview:not(.active) i,
#header .header-nav .cart-preview:not(.active) a,
#header .header-nav .cart-preview:not(.active) .cart-products-count,
#header .header-nav .cart-preview:not(.active) .hidden-sm-down {
  color: #0d596a !important;
}

/* pour décaler les produit dans la page d accueil id2 */
@media (min-width: 768px) {
  body.category-id-2 .col-md-8,
  body.category-id-2 .col-md-9 {
    float: left;
    width: 66%;
  }
}

@media (min-width: 992px) {
  body.category-id-2 .col-lg-9 {
    width: 75%;
  }
}


/*modif taille titre catégory*/
.block-category h1 {
  font-size: 1.2rem !important;
}

/* pour retirer le mot sous categorie dans la page bijoux*/
body.category-id-3 .subcategory-heading {
  display: none;
}

/* pour retirer le mot sous categorie dans la page accueil*/
body.category-id-2 #subcategories {
  display: none;
}

/* pour retirer le mot categorie dans la page accueil*/
body.category-id-2 .block-category {
  display: none;
}


/* ============================
   LOGO ROND (Petit logo à gauche)
============================ */
.logo-gauche {
  max-height: 60px;
  height: auto;
  width: auto;
}



/* ============================
   VERSION MOBILE
============================ */
@media (max-width: 767.98px) {
  /* Masquer le petit logo rond sur mobile */
  #colibri-home-logos .logo-left {
    display: none !important;
  }

  /* Section logos sur la page d'accueil */
  #colibri-home-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
  }

  #colibri-home-logos .logo-main h1 {
    margin: 0;
    font-size: 0;
  }

  #colibri-home-logos .logo-main img {
    max-height: 70px;
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto;
  }

  /* Si tu utilises un logo injecté manuellement */
  #colibri-mobile-logo {
    padding: 10px 0;
  }

  #colibri-mobile-logo img {
    max-height: 70px;
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block;
  }

/* ✅ Cibler uniquement les pages hors page d’accueil */
body:not(.index) #_desktop_logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: 100%;
}

/* ✅ Centrer et redimensionner le logo image */
body:not(.index) #_desktop_logo img {
  max-height: 70px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}