/* css/section-bgs.css — backgrounds fixos das secções (vinhos, reservas, eventos, sobre).
 *
 * Extraído de sections.css durante o refactor modular (PR #2).
 */

/* ===== SECTION BACKGROUNDS ===== */
/* Vinhos */
#vinhos {
  position: relative;
}

/* Reservas */
#reservas {
  position: relative;
}

#reservas::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/assets/papaofotoreservas-1920.jpg');
  background-image: image-set(
    url('/assets/papaofotoreservas-1920.webp') type('image/webp'),
    url('/assets/papaofotoreservas-1920.jpg') type('image/jpeg')
  );
  background-size: cover; background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.12;
  z-index: -1;
  pointer-events: none;
  display: none;
}

#reservas.active::before {
  display: block;
}

/* Eventos */
#eventos {
  position: relative;
}

#eventos::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/assets/eventos-1920.jpg');
  background-image: image-set(
    url('/assets/eventos-1920.webp') type('image/webp'),
    url('/assets/eventos-1920.jpg') type('image/jpeg')
  );
  background-size: cover; background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
  display: none;
}

#eventos.active::before {
  display: block;
}

/* Sobre */
#sobre {
  position: relative;
}

#sobre::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/assets/sobre-bg-1920.jpg');
  background-image: image-set(
    url('/assets/sobre-bg-1920.webp') type('image/webp'),
    url('/assets/sobre-bg-1920.jpg') type('image/jpeg')
  );
  background-size: cover; background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.08;
  z-index: -1;
  pointer-events: none;
  display: none;
}

#sobre.active::before {
  display: block;
}

/* Fade de continuidade (máscara) para backgrounds de secção */
#reservas::before,
#eventos::before,
#sobre::before {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 85%, transparent 100%);
}

/* Eventos nav — sempre visível. A classe body.has-future-events continua
   a ser alternada por loadSiteConfig() em js/menu.js mas já não influencia
   a visibilidade do link (decisão de produto: secção sempre acessível). */