/**
 * Iconos de deporte Jomagrx — máscaras vectoriales (mismo patrón que Heroicons).
 * Los assets en img/sports/ actúan como máscara; el color lo aplica CSS.
 */

.weu-sport-icon {
  display: inline-block;
  flex-shrink: 0;
  background-color: var(--weu-color-yellow, #d4e157);
  background-image: none;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
  border: 0;
}

.weu-sport-icon--running {
  -webkit-mask-image: url('../img/sports/running.png');
  mask-image: url('../img/sports/running.png');
}

.weu-sport-icon--trail-running,
.weu-sport-icon--trail {
  -webkit-mask-image: url('../img/sports/trail-running.png');
  mask-image: url('../img/sports/trail-running.png');
}

.weu-sport-icon--futbol,
.weu-sport-icon--football {
  -webkit-mask-image: url('../img/sports/futbol.png');
  mask-image: url('../img/sports/futbol.png');
}

.weu-sport-icon--futbol-sala,
.weu-sport-icon--futsal {
  -webkit-mask-image: url('../img/sports/futbol-sala.png');
  mask-image: url('../img/sports/futbol-sala.png');
}

.weu-sport-icon--padel-tenis,
.weu-sport-icon--padel {
  -webkit-mask-image: url('../img/sports/padel-tenis.png');
  mask-image: url('../img/sports/padel-tenis.png');
}

.weu-sport-icon--tenis,
.weu-sport-icon--tennis {
  -webkit-mask-image: url('../img/sports/tenis.png');
  mask-image: url('../img/sports/tenis.png');
}

.weu-sport-icon--atletismo,
.weu-sport-icon--athletics {
  -webkit-mask-image: url('../img/sports/atletismo.png');
  mask-image: url('../img/sports/atletismo.png');
}

.weu-sport-icon--gimnasio,
.weu-sport-icon--fitness {
  -webkit-mask-image: url('../img/sports/gimnasio.png');
  mask-image: url('../img/sports/gimnasio.png');
}

.weu-sport-icon--baloncesto,
.weu-sport-icon--basketball {
  -webkit-mask-image: url('../img/sports/baloncesto.png');
  mask-image: url('../img/sports/baloncesto.png');
}

.weu-sport-icon--voleibol,
.weu-sport-icon--volleyball {
  -webkit-mask-image: url('../img/sports/voleibol.png');
  mask-image: url('../img/sports/voleibol.png');
}

.weu-sport-icon--pickleball {
  -webkit-mask-image: url('../img/sports/pickleball.png');
  mask-image: url('../img/sports/pickleball.png');
}

.weu-sport-icon--casual {
  -webkit-mask-image: url('../img/sports/casual.png');
  mask-image: url('../img/sports/casual.png');
}

/* Home — Compra por deporte (fondo oscuro → icono lima) */
.weu-cat-card__icon.weu-sport-icon {
  width: 18px;
  height: 18px;
  background-color: var(--weu-color-yellow, #d4e157);
}

/* Megamenú Deportes (fondo claro → icono oscuro) */
.weu-mega-sport__icon.weu-sport-icon {
  width: 36px;
  height: 36px;
  background-color: var(--weu-color-dark, #1d1d1d);
}