/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* LOCAL 2026-09-28: compare the spice; discover the cooking scene on desktop hover. */
.product-thumbnail.brulea-spice-thumbnail { position: relative; display: block; background: #fff; overflow: hidden; }
.brulea-spice-thumbnail .brulea-spice-matter { display: block; width: 100%; aspect-ratio: 1; height: auto; object-fit: contain; opacity: 1 !important; }
.brulea-spice-thumbnail .brulea-spice-kitchen { display: none; position: absolute; inset: 0; pointer-events: none; }
.brulea-spice-thumbnail .brulea-spice-kitchen img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .brulea-spice-thumbnail .brulea-spice-kitchen { display: block; opacity: 0; transition: opacity .2s ease; }
  .brulea-spice-thumbnail:hover .brulea-spice-kitchen,
  .brulea-spice-thumbnail:focus-visible .brulea-spice-kitchen { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .brulea-spice-thumbnail .brulea-spice-kitchen { transition: none; } }

/* Catalogue producteurs : conserver le contraste du bouton de commande. */
#module-bruleaproducteurs-catalogue .brp a.brp-button,
#module-bruleaproducteurs-catalogue .brp a.brp-button:hover,
#module-bruleaproducteurs-catalogue .brp a.brp-button:focus { color: #fff !important; }

/* LOCAL 2026-10-03 — quiet arrival, without concealing content or delaying links. */
@keyframes brulea-page-arrival {
  from { opacity: .94; }
  to { opacity: 1; }
}
@keyframes brulea-product-arrival {
  from { opacity: .92; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  body:is(#index, #category, #product) #main {
    animation: brulea-page-arrival 180ms ease-out;
  }
  body:is(#index, #category, #product) .brulea-quiet-arrival {
    animation: brulea-product-arrival 200ms cubic-bezier(.2,.6,.3,1);
  }
}

/* LOCAL 2026-10-08 — Univers Épices : fond continu limité à la grille produits. */
body#category:is(.category-id-5,.category-id-17,.category-id-18,.category-id-19,.category-id-20,.category-id-43,.category-id-44,.category-id-45,.category-id-46) #js-product-list,
body#category:is(.category-id-5,.category-id-17,.category-id-18,.category-id-19,.category-id-20,.category-id-43,.category-id-44,.category-id-45,.category-id-46) #js-product-list > .products-grid {
  background: #fff !important;
  border-radius: 12px;
}

/* Finitions LOCAL: contrastes des outils d'en-tête sur les paysages. */
body #header .header-btn>.icon{background:rgba(255,251,240,.94);border:1px solid rgba(80,117,27,.20);border-radius:50%;min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(30,40,20,.12)}
body #header .header-btn:hover>.icon{background:#fffaf0;border-color:#50751b}
body#category #wrapper #main .br-oolong-price,body#category #wrapper #main .br-curry-product-price{color:var(--br-ui-violet,#8424db)!important}