/*
 * v1.8.5.0 — Cromatura contestuale
 *
 * Regole limitate ai soli riflessi metallizzati.
 * - verde/scuro  -> riflesso perla/avorio, senza oro;
 * - avorio/chiaro -> riflesso verde salvia, senza oro;
 * - oro          -> riflesso caldo perla/bronzo, senza verde.
 *
 * Nessuna modifica a sfondi, layout, font, hover strutturali o altre animazioni.
 */

/* =========================================================
   1. SCHERMATA DI INTRODUZIONE
   ========================================================= */

/*
 * Il pulsante principale possiede già il proprio riflesso nativo.
 * Si evita qualsiasi seconda cromatura sovrapposta.
 */
.site-entrance .entrance-primary > .metallic-sheen,
.site-entrance .entrance-secondary > .metallic-sheen {
  display: none !important;
}

/*
 * "Entra senza musica":
 * - il testo di base resta sempre bianco e leggibile;
 * - un riflesso cromo/perla attraversa soltanto le lettere;
 * - nessuna fascia luminosa viene disegnata sullo sfondo.
 */
.site-entrance .entrance-secondary {
  position: relative;
  isolation: isolate;
  color: #f5faf7 !important;
  -webkit-text-fill-color: #f5faf7 !important;
  background: transparent !important;
  text-decoration-color: rgba(229, 239, 233, .70) !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .10),
    0 2px 12px rgba(5, 24, 18, .48);
}

.site-entrance .entrance-secondary::after {
  content: "Entra senza musica";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    transparent 40%,
    rgba(204, 221, 211, .18) 44%,
    rgba(238, 247, 242, .72) 47%,
    #ffffff 50%,
    rgba(219, 232, 224, .78) 53%,
    rgba(247, 251, 248, .26) 56%,
    transparent 60%,
    transparent 100%
  );
  background-size: 240% 100%;
  background-position: 130% 50%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  pointer-events: none;
  animation: entrance-secondary-chrome-v1851 3.8s ease-in-out infinite;
}

.site-entrance .entrance-secondary:hover,
.site-entrance .entrance-secondary:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration-color: rgba(244, 250, 246, .88) !important;
}

@keyframes entrance-secondary-chrome-v1851 {
  0%,
  14% {
    background-position: 130% 50%;
  }

  78%,
  100% {
    background-position: -130% 50%;
  }
}

/* =========================================================
   2. ELEMENTI VERDI O SCURI
   Riflesso neutro perla/avorio: nessuna componente oro.
   ========================================================= */

.metallic-dark > .metallic-sheen,
.nav-cta > .metallic-sheen,
.btn-video > .metallic-sheen,
.form-submit > .metallic-sheen,
.booking-link > .metallic-sheen,
.back-to-top > .metallic-sheen,
.carousel-arrow.is-enabled:not(:disabled) > .metallic-sheen,
.hero .btn-secondary > .metallic-sheen,
.site-footer .footer-links a > .metallic-sheen,
.legal-page .legal-actions .btn.btn-secondary > .metallic-sheen,
.cta-band .btn-light:hover > .metallic-sheen,
.cta-band .btn-light:focus-visible > .metallic-sheen,
.path-card:not(.featured) a:hover > .metallic-sheen,
.path-card:not(.featured) a:focus-visible > .metallic-sheen {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(205, 222, 212, .18) 18%,
    rgba(241, 248, 244, .72) 36%,
    rgba(255, 255, 255, .98) 50%,
    rgba(197, 216, 204, .58) 66%,
    rgba(246, 250, 247, .16) 82%,
    transparent 100%
  ) !important;
  mix-blend-mode: screen !important;
}

/* Riflessi basati su pseudo-elemento nelle pagine caricate direttamente. */
:where(
  .nav-cta,
  .btn-video,
  .form-submit,
  .booking-link,
  .back-to-top,
  .carousel-arrow.is-enabled:not(:disabled),
  .hero .btn-secondary,
  .legal-page .legal-actions .btn.btn-secondary
)::after,
.cta-band .btn-light:hover::after,
.cta-band .btn-light:focus-visible::after,
.path-card:not(.featured) a:hover::after,
.path-card:not(.featured) a:focus-visible::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(205, 222, 212, .16) 18%,
    rgba(241, 248, 244, .70) 36%,
    rgba(255, 255, 255, .98) 50%,
    rgba(197, 216, 204, .54) 66%,
    rgba(246, 250, 247, .14) 82%,
    transparent 100%
  ) !important;
  mix-blend-mode: screen !important;
}

/* =========================================================
   3. ELEMENTI AVORIO O CHIARI
   Riflesso verde/salvia: nessuna componente oro.
   ========================================================= */

.metallic-light > .metallic-sheen,
.nav-links a:not(.nav-cta) > .metallic-sheen,
.path-card:not(.featured) a > .metallic-sheen,
.path-card.featured a > .metallic-sheen,
.btn-light > .metallic-sheen,
.private-area-lock-desktop > .metallic-sheen,
.language-button[aria-pressed="false"] > .metallic-sheen {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(23, 61, 48, .08) 14%,
    rgba(76, 121, 98, .50) 34%,
    rgba(246, 251, 248, .92) 50%,
    rgba(34, 82, 63, .48) 68%,
    rgba(119, 153, 134, .14) 84%,
    transparent 100%
  ) !important;
  mix-blend-mode: multiply !important;
}

:where(
  .btn-light,
  .nav-links a:not(.nav-cta),
  .path-card:not(.featured) a,
  .path-card.featured a,
  .private-area-lock-desktop,
  .language-button[aria-pressed="false"]
)::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(23, 61, 48, .07) 14%,
    rgba(76, 121, 98, .46) 34%,
    rgba(246, 251, 248, .92) 50%,
    rgba(34, 82, 63, .44) 68%,
    rgba(119, 153, 134, .12) 84%,
    transparent 100%
  ) !important;
  mix-blend-mode: multiply !important;
}

/*
 * Il footer è verde/scuro: prevale il riflesso perla anche se i link
 * sono classificati tecnicamente come "light".
 */
.site-footer .footer-links a::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(205, 222, 212, .16) 18%,
    rgba(241, 248, 244, .70) 36%,
    rgba(255, 255, 255, .98) 50%,
    rgba(197, 216, 204, .54) 66%,
    transparent 100%
  ) !important;
  mix-blend-mode: screen !important;
}

/* =========================================================
   4. ELEMENTI ORO
   Riflesso caldo perla/bronzo: nessuna componente verde.
   ========================================================= */

.btn-primary > .metallic-sheen,
.path-card.featured a:hover > .metallic-sheen,
.path-card.featured a:focus-visible > .metallic-sheen,
.path-card.featured.is-carousel-active a > .metallic-sheen,
.legal-page .legal-actions .btn.btn-secondary:hover > .metallic-sheen,
.legal-page .legal-actions .btn.btn-secondary:focus-visible > .metallic-sheen {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 247, 222, .16) 16%,
    rgba(255, 239, 198, .70) 35%,
    rgba(255, 255, 255, .98) 50%,
    rgba(185, 118, 38, .42) 68%,
    rgba(255, 245, 216, .14) 84%,
    transparent 100%
  ) !important;
  mix-blend-mode: screen !important;
}

.btn-primary::after,
.path-card.featured a:hover::after,
.path-card.featured a:focus-visible::after,
.path-card.featured.is-carousel-active a::after,
.legal-page .legal-actions .btn.btn-secondary:hover::after,
.legal-page .legal-actions .btn.btn-secondary:focus-visible::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 247, 222, .14) 16%,
    rgba(255, 239, 198, .66) 35%,
    rgba(255, 255, 255, .98) 50%,
    rgba(185, 118, 38, .40) 68%,
    rgba(255, 245, 216, .12) 84%,
    transparent 100%
  ) !important;
  mix-blend-mode: screen !important;
}

/* =========================================================
   5. ACCESSIBILITÀ: MOVIMENTO RIDOTTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .site-entrance .entrance-secondary::after {
    animation: none !important;
    opacity: 0;
  }
}