/* css/mobile-sections.css — overrides mobile para imagens de fundo e secções.
 *
 * Extraído de sections.css durante o refactor modular (PR #2).
 */

/* ===== MOBILE IMAGE OPTIMIZATION ===== */
@media (max-width: 700px) {
  /* Variantes mais leves (1024w em vez de 1920w) — geradas por scripts/optimize-images.js */
  #hero-bg-img {
    background-image: url('/assets/heromobile.webp');
    background-position: 37% center;
    transform: none;
    filter: brightness(0.45) contrast(1.1);
  }
  #sobre::before {
    background-image: url('/assets/sobre-bg-1024.jpg');
    background-image: image-set(
      url('/assets/sobre-bg-1024.webp') type('image/webp'),
      url('/assets/sobre-bg-1024.jpg') type('image/jpeg')
    );
    background-position: 48% center;
  }
  #eventos::before {
    background-image: url('/assets/eventos-1024.jpg');
    background-image: image-set(
      url('/assets/eventos-1024.webp') type('image/webp'),
      url('/assets/eventos-1024.jpg') type('image/jpeg')
    );
    background-position: 21% center;
  }
  #reservas::before {
    background-image: url('/assets/papaofotoreservas-1024.jpg');
    background-image: image-set(
      url('/assets/papaofotoreservas-1024.webp') type('image/webp'),
      url('/assets/papaofotoreservas-1024.jpg') type('image/jpeg')
    );
    background-attachment: scroll;
    background-size: 100% auto;
    background-position: top center;
    mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 90%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 90%);
    opacity: 0.4;
  }
  #vinhos::before, #sobre::before, #eventos::before, #reservas::before { background-attachment: scroll; }

  .section-title { font-size: 2.2rem; margin-bottom: 2.5rem; }
}