/* Season-close additions. Loaded after site.css; reuses its variables and fadeUp keyframes. */

/* Hero season message — replaces the oversized .hero-opening headline. */
.hero-season-badge {
  font-family: var(--font-display);
  letter-spacing: .35em;
  text-transform: uppercase;
  color: var(--gold);
  font-size: .62rem;
  opacity: 0;
  margin-bottom: 1.25rem;
  animation: 1s .28s forwards fadeUp;
}

.hero-season-title {
  font-family: var(--font-display);
  font-weight: 300;
  letter-spacing: .04em;
  color: var(--navy);
  font-size: clamp(1.9rem, 4.6vw, 3.1rem);
  line-height: 1.1;
  opacity: 0;
  margin-bottom: 1.25rem;
  animation: 1s .34s forwards fadeUp;
}

.hero-season-text {
  font-family: var(--font-text);
  color: #3a3020;
  font-size: 1.02rem;
  line-height: 1.9;
  max-width: 34rem;
  opacity: 0;
  margin: 0 auto 1.5rem;
  animation: 1s .4s forwards fadeUp;
}

.hero-season-sign {
  font-family: var(--font-display);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: .6rem;
  opacity: 0;
  margin-bottom: 2.25rem;
  animation: 1s .46s forwards fadeUp;
}

/* Contact line under the private-events buttons. */
.events-direct {
  font-family: var(--font-text);
  color: #4a3f2f;
  font-size: .92rem;
  line-height: 1.7;
  margin-top: 2.25rem;
}

.events-direct a { color: inherit; text-decoration: none; border-bottom: 1px solid #d4af3759; }
.events-direct a:hover { color: var(--gold); }

/* The footer MENU column is gone, so the grid drops from four columns to three. */
.footer-grid { grid-template-columns: 2fr 1fr 1fr; }

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr; }
}

/* New private-events section, on cream so the page keeps its light/dark rhythm
   now that #menus, #beach, #bar and #events are gone. */
#eventi-privati { background: var(--cream); padding: 7rem 0; }