/* ===================================
   FALLBACK VISIVI per immagini non ancora caricate
   Questi gradienti vengono mostrati se le foto
   non sono presenti nella cartella /images/
   Una volta caricate le foto reali, questi
   gradienti vengono automaticamente nascosti.
=================================== */

/* Hero fallback */
.hero__bg {
  background-image:
    linear-gradient(160deg, #1a2e0a 0%, #2D5016 40%, #8B6914 100%);
}

/* Article hero fallbacks per pagina */
.hero-guida .article-hero__bg {
  background-image: linear-gradient(150deg, #1C1C1A 0%, #2D5016 60%, #8B6914 100%);
}
.hero-mare .article-hero__bg {
  background-image: linear-gradient(150deg, #0a2040 0%, #1a4060 50%, #2a6080 100%);
}
.hero-romantici .article-hero__bg {
  background-image: linear-gradient(150deg, #1C1C1A 0%, #3a2010 50%, #8B6914 100%);
}
.hero-famiglie .article-hero__bg {
  background-image: linear-gradient(150deg, #1a2e0a 0%, #2D5016 50%, #5a8020 100%);
}
.hero-wishne .article-hero__bg {
  background-image: linear-gradient(150deg, #0a1a05 0%, #1a3010 50%, #2D5016 100%);
}

/* Card image fallbacks */
.card--featured .card__image {
  background: linear-gradient(135deg, #2D5016, #8B6914);
}
.card:nth-child(2) .card__image {
  background: linear-gradient(135deg, #0a2040, #1a6080);
}
.card:nth-child(3) .card__image {
  background: linear-gradient(135deg, #1C1C1A, #8B6914);
}
.card:nth-child(4) .card__image {
  background: linear-gradient(135deg, #2D5016, #5a8020);
}
.card--wishne .card__image {
  background: linear-gradient(135deg, #0a1a05, #2D5016);
}