/**
 * Hularmonia Image Cards (brief 05).
 * Colori del link come custom property (stato hover), area di tocco del
 * link, spazio tra i paragrafi del testo (WYSIWYG) e reduced motion.
 */

.hularmonia-image-cards {
  --hic-link: var(--hula-gold);
  --hic-link-hover: var(--hula-ink);
}

.hularmonia-image-cards .hularmonia-image-cards__card-link {
  color: var(--hic-link);
  /* Area di tocco 44px (testo alto 20px): padding compensato dal margine. */
  padding-block: 12px;
  margin-block: -12px;
}

.hularmonia-image-cards .hularmonia-image-cards__card-link:hover,
.hularmonia-image-cards .hularmonia-image-cards__card-link:focus-visible {
  color: var(--hic-link-hover);
}

/* Paragrafi del WYSIWYG: nel modello il secondo ha mt-4 (training). */
.hularmonia-image-cards .hularmonia-image-cards__card-text > p + p {
  margin-top: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .hularmonia-scope .hularmonia-image-cards__image,
  .hularmonia-scope .hularmonia-image-cards__card-link {
    transition: none;
  }
}