/* NEW BOWL — Premium Carta Section */

#full-menu { position: relative !important; }

#full-menu::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse 60% 40% at 15% 20%, rgba(255,180,60,0.05) 0%, transparent 70%),
    radial-gradient(ellipse 50% 50% at 85% 75%, rgba(255,107,53,0.06) 0%, transparent 65%);
}

#full-menu .max-w-7xl {
  position: relative !important;
  z-index: 1 !important;
}

/* Bowl 3D flotante */
#nb-bowl-3d {
  position: absolute; right: 3.5%; top: 60px;
  width: clamp(130px, 12vw, 200px); height: clamp(130px, 12vw, 200px);
  z-index: 10; pointer-events: none;
  animation: nbBowlFloat 6s ease-in-out infinite;
  filter: drop-shadow(0 30px 50px rgba(255,107,53,0.35)) drop-shadow(0 10px 20px rgba(0,0,0,0.8));
}
#nb-bowl-shadow {
  position: absolute; right: 3.5%; top: clamp(190px, 18vw, 265px);
  width: clamp(130px, 12vw, 200px); height: 24px;
  z-index: 9; pointer-events: none;
  background: radial-gradient(ellipse, rgba(255,107,53,0.28) 0%, transparent 70%);
  border-radius: 50%; animation: nbBowlShadow 6s ease-in-out infinite;
}
@keyframes nbBowlFloat {
  0%,100% { transform: translateY(0px) rotate(0deg); }
  20%      { transform: translateY(-20px) rotate(-1.5deg); }
  50%      { transform: translateY(-32px) rotate(1deg); }
  80%      { transform: translateY(-14px) rotate(-0.5deg); }
}
@keyframes nbBowlShadow {
  0%,100% { transform: scaleX(1); opacity: 0.45; }
  50%      { transform: scaleX(0.65); opacity: 0.15; }
}
@media (max-width: 1024px) { #nb-bowl-3d { right:2%; top:50px; } #nb-bowl-shadow { right:2%; } }
@media (max-width: 640px)  { #nb-bowl-3d { right:2%; top:30px; width:80px; height:80px; } #nb-bowl-shadow { right:2%; top:108px; width:80px; height:14px; } }

/* Bingo Night nav pulse */
@keyframes bingoPulse {
  0%,100% { box-shadow: 0 0 15px rgba(212,160,23,0.5), 0 0 30px rgba(192,21,42,0.3); }
  50%      { box-shadow: 0 0 25px rgba(212,160,23,0.8), 0 0 50px rgba(192,21,42,0.5); }
}

/* =====================================================
   MOBILE BUTTON SWITCHER — CSS only, zero JS change
   The Bingo button has class "flex sm:hidden"
   sm:hidden doesn't exist in compiled CSS so it shows always.
   We manually hide it on tablet/desktop and show it on mobile.
   ===================================================== */

/* Hide Bingo Night hero button on tablet and desktop */
a[href="/bingo-night.html"].flex {
  display: none !important;
}

/* Show it ONLY on mobile */
@media (max-width: 639px) {
  a[href="/bingo-night.html"].flex {
    display: flex !important;
  }
  /* Also hide the WhatsApp button on mobile
     (it has class "hidden sm:flex" — sm:flex exists in CSS so it shows on sm+,
      but on mobile "hidden" wins... except we need to be sure) */
  a[href*="wa.me"].hidden {
    display: none !important;
  }
}

/* ── Hide sticky bottom Bingo Night bar on ALL screens ── */
.fixed.bottom-0.left-0.right-0.z-40 {
  display: none !important;
}