/**
 * Naseem Icon Card — single card (icon + title + text).
 *
 * @package Naseem
 */

.naseem-icon-card {
  width: 100%;
}

.naseem-icon-card__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  text-align: left;
  opacity: 0;
  transform: translate3d(0, 36px, 0);
  contain: layout style;
  --naseem-card-reveal-step: 0.14s;
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
}

/* Multiple icon cards on a page: stagger by DOM order (set via --naseem-icon-card-stagger on root). */
.naseem-icon-card.naseem-icon-card--inview .naseem-icon-card__card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: calc(var(--naseem-icon-card-stagger, 0) * var(--naseem-card-reveal-step));
}

@media (prefers-reduced-motion: reduce) {
  .naseem-icon-card__card {
    opacity: 1;
    transform: none;
    transition: none;
    transition-delay: 0s !important;
  }
}

.naseem-icon-card__icon-wrap {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.naseem-icon-card__icon-wrap svg,
.naseem-icon-card__icon-wrap i {
  display: block;
}

.naseem-icon-card__icon-wrap svg {
  stroke: currentColor;
}

.naseem-icon-card__title {
  margin: 0;
  max-width: 100%;
}

.naseem-icon-card__text {
  margin: 0;
  max-width: 100%;
}