/* Delicious Rev v0.6.0 – Faza 4C. Narrow improvements; original visual style stays. */

/* The overlay header must become fixed once it reaches the top of the viewport.
   On other pages, existing CSS position:sticky remains unchanged. */
body.delicious-rev.sticky-header.header-overlay #sp-header.delicious-header.delicious-is-stuck {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 60px !important;
  z-index: 1100 !important;
  background: #fbee2c !important;
  box-shadow: 0 2px 9px rgba(0,0,0,.12);
}

/* Original Widgetkit homepage uses a partially transparent PNG overlay on top
   of the ORIGINAL (always visible) product photo. The old implementation
   mistakenly fades out that original. Correct layering on hover and focus. */
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-media .dl6wk-primary,
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:hover .dl6wk-primary,
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:focus-within .dl6wk-primary {
  opacity: 1 !important;
  transform: none !important;
  position: relative;
  z-index: 1;
}
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-media .dl6wk-secondary {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transform: none !important;
  z-index: 2;
  pointer-events: none;
  transition: opacity .3s ease;
}
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:hover .dl6wk-secondary,
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:focus-within .dl6wk-secondary {
  opacity: 1;
}
/* The original hovering tile has a subtle rectangular outline. */
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:hover,
body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-item:focus-within {
  outline: 1px solid rgba(113,82,60,.13);
}
@media (prefers-reduced-motion: reduce) {
  body.page-home .delicious-home-gallery .dl6wk-home .dl6wk-media .dl6wk-secondary { transition: none; }
}
