/*
 * Course Card - Gradient Fallback Images
 * Applicato quando manca l'immagine del corso
 * Gradients basati su macro-aree tematiche
 */

/* Base fallback quando non c'è immagine */
.cf-card-image-wrapper.no-image {
  background: linear-gradient(135deg, #E9ECEF 0%, #CED4DA 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cf-card-image-wrapper.no-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  opacity: 0.8;
}

/* Icona centrale per cards senza immagine */
.cf-card-image-wrapper.no-image::after {
  content: '\f19d'; /* fa-graduation-cap */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  position: relative;
}

/* ========================================
   MACRO-AREE TEMATICHE (Gradients)
   ======================================== */

/* 1. ECONOMIA & BUSINESS - Blu professionale */
.cf-card-image-wrapper.no-image.ambito-economia,
.cf-card-image-wrapper.no-image.ambito-manageriale,
.cf-card-image-wrapper.no-image.ambito-marketing,
.cf-card-image-wrapper.no-image.ambito-finance,
.cf-card-image-wrapper.no-image.ambito-amministrazione,
.cf-card-image-wrapper.no-image.ambito-hr,
.cf-card-image-wrapper.no-image.ambito-strategy,
.cf-card-image-wrapper.no-image.ambito-vendite {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}

.cf-card-image-wrapper.no-image.ambito-economia::after,
.cf-card-image-wrapper.no-image.ambito-manageriale::after,
.cf-card-image-wrapper.no-image.ambito-marketing::after {
  content: '\f0b1'; /* fa-briefcase */
}

/* 2. GIURIDICA - Rosso scuro/bordeaux */
.cf-card-image-wrapper.no-image.ambito-giuridica,
.cf-card-image-wrapper.no-image.ambito-giurisprudenza,
.cf-card-image-wrapper.no-image.ambito-giuridico {
  background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 100%);
}

.cf-card-image-wrapper.no-image.ambito-giuridica::after,
.cf-card-image-wrapper.no-image.ambito-giurisprudenza::after {
  content: '\f0e3'; /* fa-gavel */
}

/* 3. PSICOLOGIA & SOCIALE - Viola/lavanda */
.cf-card-image-wrapper.no-image.ambito-psicologia,
.cf-card-image-wrapper.no-image.ambito-sociologia,
.cf-card-image-wrapper.no-image.ambito-umanistica,
.cf-card-image-wrapper.no-image.ambito-lettere,
.cf-card-image-wrapper.no-image.ambito-filosofia,
.cf-card-image-wrapper.no-image.ambito-politica {
  background: linear-gradient(135deg, #6b21a8 0%, #a855f7 100%);
}

.cf-card-image-wrapper.no-image.ambito-psicologia::after,
.cf-card-image-wrapper.no-image.ambito-sociologia::after {
  content: '\f007'; /* fa-user */
}

/* 4. INGEGNERIA & TECH - Verde/teal tecnologico */
.cf-card-image-wrapper.no-image.ambito-ingegneria,
.cf-card-image-wrapper.no-image.ambito-informatica,
.cf-card-image-wrapper.no-image.ambito-artificial-intelligence,
.cf-card-image-wrapper.no-image.ambito-data,
.cf-card-image-wrapper.no-image.ambito-cybersecurity,
.cf-card-image-wrapper.no-image.ambito-digital {
  background: linear-gradient(135deg, #065f46 0%, #10b981 100%);
}

.cf-card-image-wrapper.no-image.ambito-ingegneria::after {
  content: '\f013'; /* fa-cog */
}

.cf-card-image-wrapper.no-image.ambito-informatica::after,
.cf-card-image-wrapper.no-image.ambito-artificial-intelligence::after {
  content: '\f109'; /* fa-laptop */
}

/* 5. SANITÀ & SALUTE - Azzurro medico */
.cf-card-image-wrapper.no-image.ambito-sanità,
.cf-card-image-wrapper.no-image.ambito-healthcare,
.cf-card-image-wrapper.no-image.ambito-salute,
.cf-card-image-wrapper.no-image.ambito-biologia,
.cf-card-image-wrapper.no-image.ambito-sicurezza {
  background: linear-gradient(135deg, #0c4a6e 0%, #0ea5e9 100%);
}

.cf-card-image-wrapper.no-image.ambito-sanità::after,
.cf-card-image-wrapper.no-image.ambito-healthcare::after {
  content: '\f0f0'; /* fa-plus-square */
}

/* 6. EDUCAZIONE & FORMAZIONE - Arancione caldo */
.cf-card-image-wrapper.no-image.ambito-educazione,
.cf-card-image-wrapper.no-image.ambito-scuola,
.cf-card-image-wrapper.no-image.ambito-formazione,
.cf-card-image-wrapper.no-image.ambito-personal-development {
  background: linear-gradient(135deg, #c2410c 0%, #f97316 100%);
}

.cf-card-image-wrapper.no-image.ambito-educazione::after,
.cf-card-image-wrapper.no-image.ambito-scuola::after {
  content: '\f19d'; /* fa-graduation-cap */
}

/* 7. ARTE, COMUNICAZIONE & SPORT - Magenta creativo */
.cf-card-image-wrapper.no-image.ambito-arte,
.cf-card-image-wrapper.no-image.ambito-comunicazione,
.cf-card-image-wrapper.no-image.ambito-sport,
.cf-card-image-wrapper.no-image.ambito-disegno,
.cf-card-image-wrapper.no-image.ambito-lingue {
  background: linear-gradient(135deg, #be185d 0%, #ec4899 100%);
}

.cf-card-image-wrapper.no-image.ambito-arte::after {
  content: '\f1fc'; /* fa-paint-brush */
}

.cf-card-image-wrapper.no-image.ambito-comunicazione::after {
  content: '\f0e0'; /* fa-envelope */
}

.cf-card-image-wrapper.no-image.ambito-sport::after {
  content: '\f1e3'; /* fa-futbol */
}

/* 8. FOOD & TURISMO - Giallo/oro caldo */
.cf-card-image-wrapper.no-image.ambito-gastronomia,
.cf-card-image-wrapper.no-image.ambito-food,
.cf-card-image-wrapper.no-image.ambito-turismo,
.cf-card-image-wrapper.no-image.ambito-beverage {
  background: linear-gradient(135deg, #ca8a04 0%, #facc15 100%);
}

.cf-card-image-wrapper.no-image.ambito-gastronomia::after,
.cf-card-image-wrapper.no-image.ambito-food::after {
  content: '\f2e7'; /* fa-utensils */
}

.cf-card-image-wrapper.no-image.ambito-turismo::after {
  content: '\f3c5'; /* fa-map-marked-alt */
}

/* 9. AMBIENTE & SOSTENIBILITÀ - Verde natura */
.cf-card-image-wrapper.no-image.ambito-ambiente,
.cf-card-image-wrapper.no-image.ambito-sostenibilità,
.cf-card-image-wrapper.no-image.ambito-energy,
.cf-card-image-wrapper.no-image.ambito-esg {
  background: linear-gradient(135deg, #15803d 0%, #22c55e 100%);
}

.cf-card-image-wrapper.no-image.ambito-ambiente::after,
.cf-card-image-wrapper.no-image.ambito-esg::after {
  content: '\f1bb'; /* fa-leaf */
}

/* 10. FORZE ARMATE & SICUREZZA - Grigio scuro militare */
.cf-card-image-wrapper.no-image.ambito-forze-armate,
.cf-card-image-wrapper.no-image.ambito-ispettiva {
  background: linear-gradient(135deg, #374151 0%, #6b7280 100%);
}

.cf-card-image-wrapper.no-image.ambito-forze-armate::after {
  content: '\f0fb'; /* fa-shield */
}

/* ========================================
   HOVER EFFECT per gradient fallbacks
   ======================================== */
.cf-course-card:hover .cf-card-image-wrapper.no-image::before {
  opacity: 0.9;
}

.cf-course-card:hover .cf-card-image-wrapper.no-image::after {
  transform: scale(1.1);
  transition: transform var(--cf-transition-base);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 767px) {
  .cf-card-image-wrapper.no-image::after {
    font-size: 2.5rem;
  }
}