/* =========================================================
   RESET / OVERRIDE TEMA (solo dove serve)
========================================================= */

/* elimina sfondo pre del tema (Betheme / Muffin) */
pre.mfn-code {
  background: none !important;
  border: none !important;
}

/* area rotator pulita */
.icc-course-rotator {
  background: #ffffff;
  position: relative;
}

.icc-course-rotator::before,
.icc-course-rotator::after {
  content: none !important;
}

/* =========================================================
   GRID
========================================================= */

.icc-rotator-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: stretch;
}

@media (max-width: 640px) {
  .icc-rotator-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* =========================================================
   CARD (altezza uniforme)
========================================================= */

.icc-course-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,.05);
  overflow: hidden;

  display: flex;
  flex-direction: column;
  height: 100%;
}

/* =========================================================
   IMMAGINE (tutte uguali)
========================================================= */

.icc-course-thumb {
  position: relative;
  width: 100%;
  height: 210px;
  overflow: hidden;
  background: #ffffff;
}

.icc-course-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .4s ease;
}

.icc-course-card:hover .icc-course-thumb img {
  transform: scale(1.05);
}

/* =========================================================
   BODY (spinge i bottoni in basso)
========================================================= */

.icc-course-body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* =========================================================
   TITOLO (NORMALIZZATO)
========================================================= */

.icc-course-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 10px 0;
  color: #0f172a;

  overflow-wrap: break-word;
  hyphens: auto;
  letter-spacing: -0.2px;

  /* 🔴 fondamentale: allinea tutte le card */
  min-height: 3.8em;   /* ≈ 2 righe */
}

/* =========================================================
   META (Frequenza / Durata / Accesso)
========================================================= */

.icc-course-meta {
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0;

  font-size: 13px;
  line-height: 1.25;
  color: #334155;

  /* 🔴 stabilizza layout */
  min-height: 4.2em;
}

/* disattiva CSS del tema sui <li> */
.icc-course-meta li {
  margin-bottom: 2px !important;
}

.icc-course-meta li:last-child {
  margin-bottom: 0;
}

.icc-course-meta strong {
  font-weight: 600;
  color: #0f172a;
}

/* =========================================================
   AZIONI (bottoni sempre allineati)
========================================================= */

.icc-course-actions {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* terzo bottone full width */
.icc-course-actions .btn.ghost:last-child {
  grid-column: 1 / -1;
}

/* =========================================================
   BOTTONI
========================================================= */

.icc-course-actions .btn {
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

/* Primary */
.btn.primary {
  background: var(--icc-primary);
  color: #ffffff;
}

.btn.primary:hover {
  background: var(--icc-primary-dark);
}

/* Outline */
.btn.outline {
  border: 1px solid var(--icc-primary);
  background: #ffffff;
  color: var(--icc-primary);
}

/* Ghost */
.btn.ghost {
  background: var(--icc-primary);
  color: #ffffff;
}

/* =========================================================
   MOBILE TUNING
========================================================= */
@media (max-width: 1200px) {
  .icc-rotator-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {

  .icc-course-body {
    padding: 14px;
  }

  .icc-course-title {
    font-size: 15px;
    line-height: 1.3;
    min-height: auto; /* su mobile più naturale */
  }

  .icc-course-meta {
    min-height: auto;
  }

  .icc-course-actions {
    gap: 8px;
  }
}