/* ============================================================
   Beshop Theme Editor Pro — sticky.css
   Cargado solo cuando el sticky está activado
   ============================================================ */

/* Fija la cabecera entera (barra y menú a todo el ancho): la barra sola no podía, porque el
   sticky no sale de su <header>. El aviso de arriba (displayBanner) se va al bajar:
   sticky.js pone en --beshop-sticky-top su alto en negativo. En la portada con «cabecera
   sobre el banner» manda la regla de #index #header (fixed) */
#header:has(> .be_sticky) {
  position: sticky;
  top: var(--beshop-sticky-top, 0px);
  z-index: 900;
}
.be_sticky {
  background: var(--beshop-header-bg);
}