/* =========================================================
   MIRACLE LIQUORS – ICONEN
   Geschikt voor inline SVG, Font Awesome of teksticonen.
   ========================================================= */

.ml-icon {
  display: inline-grid;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: var(--ml-radius-round);
  background: var(--ml-color-green-100);
  color: var(--ml-color-green-900);
}

.ml-icon--small {
  width: 40px;
  height: 40px;
}

.ml-icon--large {
  width: 76px;
  height: 76px;
}

.ml-icon--gold {
  background: var(--ml-color-gold);
  color: var(--ml-color-green-950);
}

.ml-icon--dark {
  background: var(--ml-color-green-900);
  color: var(--ml-color-white);
}

.ml-icon--outline {
  border: 1px solid rgba(217, 187, 111, 0.60);
  background: transparent;
  color: var(--ml-color-gold);
}

.ml-icon svg {
  width: 52%;
  height: 52%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ml-icon i {
  font-size: 1.05rem;
  line-height: 1;
}

.ml-icon-text {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 15px;
  align-items: center;
}

.ml-icon-text__content {
  min-width: 0;
}

.ml-icon-text__title {
  display: block;
  color: var(--ml-color-green-900);
}

.ml-icon-text__text {
  display: block;
  margin-top: 3px;
  color: var(--ml-color-text-soft);
  font-size: 0.86rem;
}