/* --- Police globale + Gras léger --- */
body, button, input, select, textarea {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #f2f6ff;
}

/***************************************************
 FONDS DE PAGE
***************************************************/

/* ACCUEIL */
body.page-index,
body.page-sitemap {
  background: url("/themes/child_hummingbird/img/site-tetess.jpg") center center / cover no-repeat fixed !important;
}

/* BOUTIQUE */
body.page-category,
body.page-product,
body.page-best-sales,
body.page-new-products,
body.page-search {
  background: url("/themes/child_hummingbird/img/site-boutique.jpg") center center / cover no-repeat fixed !important;
}

/* PAGES INTERNES */
body.page-cms,
body.page-cart,
body.page-order,
body.page-registration,
body.page-guest-tracking,
body.page-prices-drop,
body.page-contact,
body.page-checkout,
body.page-authentication,
body.page-stores {
  background: url("/themes/child_hummingbird/img/site-corps.jpg") center center / cover no-repeat fixed !important;
}

/***************************************************
 MINIATURES CATÉGORIE
***************************************************/
.category-miniature .category-media img,
.block-category .category-cover img {
  object-fit: cover !important;
  width: 100% !important;
  height: 250px !important;
  border-radius: 6px;
}

/***************************************************
 FONDS SOMBRES / GLASSMORPHISM
***************************************************/
#wrapper,
.page-wrapper,
#content,
.container,
.card,
.block-category,
.product-miniature,
.footer-container,
.header-nav,
#footer {
  background-color: rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(5px) !important;
  border-radius: 6px;
}

/* Cartes produit */
.product-miniature__infos,
.products .product-miniature .product-description,
#category #products .product-miniature .product-description {
  background-color: rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(2px) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  transition: all 0.3s ease-in-out !important;
}

/* Texte clair */
.product-miniature__infos > *,
.products .product-miniature .product-description > * {
  background: transparent !important;
  color: #f5f5f5 !important;
}

/***************************************************
 HEADER & MENU
***************************************************/
#header,
#header .header-nav,
#header .header-top {
  background: rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(6px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

.main-menu,
.main-menu ul.menu {
  background: transparent !important;
}

.main-menu li a,
.main-menu li span {
  color: #f0f0f0 !important;
  font-weight: 700 !important;
}

#header a:hover,
.main-menu li a:hover {
  color: #fff !important;
}

/***************************************************
 BOUTONS
***************************************************/
.btn, .button, .btn-primary, input[type="submit"],
.product-miniature a.btn,
.product-miniature button.btn,
.product-miniature input.btn {
  background: rgba(0,0,0,0.7) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out !important;
}

.btn:hover,
.product-miniature a.btn:hover,
.product-miniature button.btn:hover {
  background: rgba(50,50,50,0.85) !important;
  border-color: rgba(255,255,255,0.6) !important;
  transform: scale(1.05);
}

/***************************************************
 APERÇU RAPIDE (TOTALMENT INVISIBLE PAR DÉFAUT)
***************************************************/
.product-miniature__quickview_button {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(6px);
  transition: all 0.3s ease-in-out !important;
}

/* Apparition seulement au hover */
.product-miniature:hover .product-miniature__quickview_button {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(50,50,50,0.8) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #fff !important;
  transform: translateY(0px);
}

/***************************************************
 SUPPRIMER BACKGROUND GRIS PAR DÉFAUT
***************************************************/
#category #products .product-miniature,
.products .product-miniature,
.thumbnail-container {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/***************************************************
 EFFET PREMIUM
***************************************************/
.product-miniature {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.product-miniature:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.4), 0 0 15px rgba(58,63,255,0.2);
}

.product-miniature:hover .product-miniature__infos {
  background-color: rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(5px) !important;
}