/* Décor saisonnier — accueil : remplacer l’adresse de l’image à chaque événement. */
body#index {
  background: #faf6ef url("https://www.personnalisez-vos-cadeaux.fr/img/cms/exec-3a98d2fa-afe5-449b-b5d3-9a74b55b4949.png") center center / 100% 100% no-repeat fixed;
}
body#index #wrapper {
  background-color: transparent;
}
body#index #header,
body#index #footer {
  background-color: rgba(255, 255, 255, .92);
}
@media (max-width: 767px) {
  body#index { background-size: auto 100%; }
}

/* Bandeau des catégories — décor permanent ivoire et cuivre */
#header .header-top {
  background-color: #fbf7f0;
  background-image: linear-gradient(110deg, rgba(236, 216, 193, .65), transparent 25%, transparent 72%, rgba(222, 232, 238, .65)), repeating-linear-gradient(135deg, transparent 0 15px, rgba(164, 105, 66, .065) 15px 16px, transparent 16px 30px);
  border-bottom: 2px solid #c18a62;
}
@media (max-width: 767px) {
  #header .header-nav {
    background: linear-gradient(110deg, #f1e4d4, #fbf7f0 50%, #e9eff2);
    border-bottom: 2px solid #c18a62;
  }
  #header #mobile_top_menu_wrapper { background-color: #fbf7f0; }
}

/* Pages de catégorie — palette ivoire, bleu ardoise et cuivre */
body#category #wrapper {
  background: linear-gradient(120deg, #f7eee2, #fcf9f4 52%, #e9eff3);
}
body#category .block-category {
  background: linear-gradient(110deg, #e4edf2, #f8f3ea);
  border-top: 3px solid #b87951;
}
body#category .block-category h1 { color: #24445e; }
body#category .block-categories,
body#category #search_filters,
body#category #search_filters_brands,
body#category #search_filters_suppliers {
  background-color: #fcf8f1;
  border-top: 2px solid #b87951;
}
body#category .block-categories a,
body#category .product-title a { color: #24445e; }
body#category .block-categories a:hover,
body#category .product-title a:hover { color: #865237; }

/* Titres intégrés aux images du carrousel d’accueil */
body#index #carousel .carousel-item figcaption.caption { display: none; }

/* Fiches produits — palette de la boutique */
body#product #wrapper { background: linear-gradient(120deg, #f7eee2, #fcf9f4 52%, #e9eff3); }
body#product #main h1, body#product .product-prices .current-price { color: #24445e; }
body#product .product-actions { background-color: #fcf8f1; border-top: 2px solid #b87951; padding: 1rem; }
body#product .add-to-cart { background-color: #24445e; border-color: #24445e; color: #fff; }
body#product .add-to-cart:hover, body#product .add-to-cart:focus-visible { background-color: #173247; border-color: #173247; }
body#product .add-to-cart:focus-visible { outline: 2px solid #865237; outline-offset: 2px; }
body#product .product-images .thumb.selected, body#product .product-images .thumb:hover, body#product .tabs .nav-tabs .nav-link.active { border-color: #b87951; }
body#product .tabs .nav-tabs .nav-link.active { color: #24445e; }

/* En-tête compact sur ordinateur */
@media (min-width: 768px) {
  #header .header-top { padding: .65rem 0; }
  #header .header-top > .container > .row { display: flex; align-items: center; }
  #header .header-top-right { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .25rem .75rem; }
  #header #_desktop_top_menu { flex: 1 1 auto; padding-left: 0; }
  #header #_desktop_top_menu #top-menu { margin-bottom: 0; }
  #header #_desktop_top_menu #top-menu > li > a { padding: .4rem .36rem; font-size: .8125rem; }
  #header .header-top #search_widget { flex: 0 1 12rem; min-width: 10rem; margin: 0; }
}
