/* Applica Montserrat a tutto il documento come fallback */
body {
  font-family: 'Montserrat', sans-serif !important;
}

/* Assicuriamoci che i titoli lo usino */
h1, h2, h3, h4, h5, h6, a, button {
  font-family: 'Montserrat', sans-serif;
}

:root {
  --valuzza-pink-50: #fdf2f4;
  --valuzza-pink-100: #fbe6e9;
  --valuzza-pink-200: #f7cfd7;
  --valuzza-pink-300: #f1a9b9;
  --valuzza-pink-400: #e67891;
  --valuzza-pink-500: #d74c6b;
  --valuzza-pink-600: #c42e55; /* colore base */
  --valuzza-pink-700: #a52143;
  --valuzza-pink-800: #891e3a;
  --valuzza-pink-900: #731d34;
  --valuzza-pink-950: #400b18;
}

.text-valuzza-pink50 { color: var(--valuzza-pink-50); }
.text-valuzza-pink100 { color: var(--valuzza-pink-100); }
.text-valuzza-pink200 { color: var(--valuzza-pink-200); }
.text-valuzza-pink300 { color: var(--valuzza-pink-300); }
.text-valuzza-pink400 { color: var(--valuzza-pink-400); }
.text-valuzza-pink500 { color: var(--valuzza-pink-500); }
.text-valuzza-pink600 { color: var(--valuzza-pink-600); }
.text-valuzza-pink700 { color: var(--valuzza-pink-700); }
.text-valuzza-pink800 { color: var(--valuzza-pink-800); }
.text-valuzza-pink900 { color: var(--valuzza-pink-900); }
.text-valuzza-pink950 { color: var(--valuzza-pink-950); }

a.text-valuzza-pink50:hover { color: var(--valuzza-pink-100) !important; }
a.text-valuzza-pink100:hover { color: var(--valuzza-pink-200) !important; }
a.text-valuzza-pink200:hover { color: var(--valuzza-pink-300) !important; }
a.text-valuzza-pink300:hover { color: var(--valuzza-pink-400) !important; }
a.text-valuzza-pink400:hover { color: var(--valuzza-pink-500) !important; }
a.text-valuzza-pink500:hover { color: var(--valuzza-pink-600) !important; }
a.text-valuzza-pink600:hover { color: var(--valuzza-pink-700) !important; }
a.text-valuzza-pink700:hover { color: var(--valuzza-pink-800) !important; }
a.text-valuzza-pink800:hover { color: var(--valuzza-pink-900) !important; }
a.text-valuzza-pink900:hover { color: var(--valuzza-pink-950) !important; }
a.text-valuzza-pink950:hover { color: var(--valuzza-pink-950) !important; }

a.text-gray-500:hover { color: var(--valuzza-pink-600) !important; }

.bg-valuzza-pink50 { background-color: var(--valuzza-pink-50); }
.bg-valuzza-pink100 { background-color: var(--valuzza-pink-100); }
.bg-valuzza-pink200 { background-color: var(--valuzza-pink-200); }
.bg-valuzza-pink300 { background-color: var(--valuzza-pink-300); }
.bg-valuzza-pink400 { background-color: var(--valuzza-pink-400); }
.bg-valuzza-pink500 { background-color: var(--valuzza-pink-500); }
.bg-valuzza-pink600 { background-color: var(--valuzza-pink-600); }
.bg-valuzza-pink700 { background-color: var(--valuzza-pink-700); }
.bg-valuzza-pink800 { background-color: var(--valuzza-pink-800); }
.bg-valuzza-pink900 { background-color: var(--valuzza-pink-900); }
.bg-valuzza-pink950 { background-color: var(--valuzza-pink-950); }

a.bg-valuzza-pink50:hover { background-color: var(--valuzza-pink-100) !important; }
a.bg-valuzza-pink100:hover { background-color: var(--valuzza-pink-200) !important; }
a.bg-valuzza-pink200:hover { background-color: var(--valuzza-pink-300) !important; }
a.bg-valuzza-pink300:hover { background-color: var(--valuzza-pink-400) !important; }
a.bg-valuzza-pink400:hover { background-color: var(--valuzza-pink-500) !important; }
a.bg-valuzza-pink500:hover { background-color: var(--valuzza-pink-600) !important; }
a.bg-valuzza-pink600:hover { background-color: var(--valuzza-pink-700) !important; }
a.bg-valuzza-pink700:hover { background-color: var(--valuzza-pink-800) !important; }
a.bg-valuzza-pink800:hover { background-color: var(--valuzza-pink-900) !important; }
a.bg-valuzza-pink900:hover { background-color: var(--valuzza-pink-950) !important; }
a.bg-valuzza-pink950:hover { background-color: var(--valuzza-pink-950) !important; }

/* Stili per la Lightbox */
#lightbox-overlay {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.9);
  align-items: center; justify-content: center;
  transition: background 0.3s ease;
  backdrop-filter: blur(5px); /* Opzionale: sfoca lo sfondo per un effetto più moderno */
}

#lightbox-img {
  max-width: 90%; max-height: 80%;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  transition: opacity 0.3s ease-in-out;
}

.lightbox-btn {
  position: absolute; color: white; font-size: 3rem;
  cursor: pointer; user-select: none; padding: 20px;
}

#close-btn { top: 20px; right: 30px; }
#prev-btn { left: 20px; }
#next-btn { right: 20px; }