/* =====================================================================
   LeMenu — Ambiances de la page d'accueil (une par établissement)
   Réglée dans la page superadmin : <html data-ambiance="…" data-deco="…">
   (posé par js/brand.js). Sans réglage : ambiance « plage » d'origine.
   Les couleurs de l'établissement (--lagon, --corail…) restent utilisées.
   ===================================================================== */

/* ---------- Décor du bandeau d'accueil ---------- */
.hero2 .deco { display: none; }
html:not([data-deco]) .hero2 .deco[data-deco-item="palmier"],
html[data-deco="palmier"] .hero2 .deco[data-deco-item="palmier"],
html[data-deco="verre"] .hero2 .deco[data-deco-item="verre"],
html[data-deco="flamme"] .hero2 .deco[data-deco-item="flamme"],
html[data-deco="feuille"] .hero2 .deco[data-deco-item="feuille"] { display: block; }
html[data-deco="verre"] .hero2 .deco,
html[data-deco="flamme"] .hero2 .deco { animation: decoFloat 4.5s ease-in-out infinite; }
@keyframes decoFloat { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-6px) rotate(2deg); } }

/* ---------- Ambiance LOUNGE : nuit, sombre et élégant ---------- */
html[data-ambiance="lounge"] .hero2 {
  background:
    radial-gradient(120% 140% at 88% -10%, color-mix(in srgb, var(--corail) 38%, transparent), transparent 55%),
    linear-gradient(150deg, #0d0c0b 0%, #1c1916 55%, color-mix(in srgb, var(--lagon-dark) 70%, #000) 130%);
}
html[data-ambiance="lounge"] .hero2 .sea { display: none; }
html[data-ambiance="lounge"] .hero2 { padding-bottom: 34px; }
html[data-ambiance="lounge"] .hero2 .sunball {
  background: radial-gradient(circle, color-mix(in srgb, var(--corail) 55%, transparent), transparent 68%);
  opacity: .55;
}
html[data-ambiance="lounge"] .hero2 .kick { color: var(--corail); }
html[data-ambiance="lounge"] .hero2 h1 { letter-spacing: .3px; }
html[data-ambiance="lounge"] .mode-tile.food { background: linear-gradient(140deg, #1c1916, color-mix(in srgb, var(--corail) 85%, #000)); }
html[data-ambiance="lounge"] .mode-tile.drink { background: linear-gradient(140deg, #1c1916, var(--lagon)); }
html[data-ambiance="lounge"] .splash2 { background: linear-gradient(165deg, #0b0a09 0%, #1c1916 60%, var(--lagon-dark) 140%); }
html[data-ambiance="lounge"] .splash2 .waves { display: none; }
html[data-ambiance="lounge"] .splash2 .sun { background: radial-gradient(circle, color-mix(in srgb, var(--corail) 45%, transparent), transparent 70%); }

/* ---------- Ambiance GRILL : braise, bois et chaleur ---------- */
html[data-ambiance="grill"] .hero2 {
  background:
    radial-gradient(90% 120% at 85% 110%, color-mix(in srgb, var(--corail) 70%, transparent), transparent 60%),
    linear-gradient(140deg, #2a140b 0%, #4a2312 50%, color-mix(in srgb, var(--lagon) 60%, #3a1a0e) 120%);
}
html[data-ambiance="grill"] .hero2 .sea { display: none; }
html[data-ambiance="grill"] .hero2 { padding-bottom: 34px; }
html[data-ambiance="grill"] .hero2 .sunball {
  top: auto; bottom: -60px; right: -20px;
  background: radial-gradient(circle, #ffcf6b, color-mix(in srgb, var(--corail) 80%, transparent) 40%, transparent 70%);
  opacity: .7; animation: emberPulse 3.2s ease-in-out infinite;
}
@keyframes emberPulse { 0%, 100% { opacity: .55; transform: scale(1); } 50% { opacity: .85; transform: scale(1.08); } }
html[data-ambiance="grill"] .hero2 .kick { color: #ffcf6b; }
html[data-ambiance="grill"] .mode-tile.food { background: linear-gradient(140deg, #ff9f43, var(--corail) 55%, #8a2f12); }
html[data-ambiance="grill"] .mode-tile.drink { background: linear-gradient(140deg, #4a2312, var(--lagon)); }
html[data-ambiance="grill"] .splash2 { background: linear-gradient(165deg, #1e0e07 0%, #4a2312 55%, var(--corail) 140%); }
html[data-ambiance="grill"] .splash2 .waves { display: none; }

/* ---------- Ambiance NATURE : jardin, terrasse, verdure ---------- */
html[data-ambiance="nature"] .hero2 {
  background:
    radial-gradient(100% 120% at 90% -10%, rgba(255, 236, 170, .45), transparent 55%),
    linear-gradient(140deg, color-mix(in srgb, var(--lagon) 55%, #10301a) 0%, var(--lagon) 55%, color-mix(in srgb, var(--lagon) 45%, #b9d98a) 120%);
}
html[data-ambiance="nature"] .hero2 .sea { display: none; }
html[data-ambiance="nature"] .hero2 { padding-bottom: 34px; }
html[data-ambiance="nature"] .hero2 .sunball { background: radial-gradient(circle, #fff3c4, rgba(255, 236, 170, .2) 60%, transparent 72%); opacity: .8; }
html[data-ambiance="nature"] .splash2 .waves { display: none; }

@media (prefers-reduced-motion: reduce) {
  html[data-deco] .hero2 .deco, html[data-ambiance="grill"] .hero2 .sunball { animation: none; }
}