/* ----- Icônes Eurotracto en PNG (blanches, contrastées sur fond bleu Porto) ----- */

.icon-image {
  display: inline-block;
  width: 60px;                 /* Taille ajustée pour bien remplir le cercle */
  height: 60px;
  background-size: 80%;        /* Image bien proportionnée à l’intérieur */
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  filter: brightness(0) invert(1) contrast(1.8) saturate(1.4);
  /* Rend les icônes blanches, plus nettes et éclatantes */
  transition: 0.3s ease;
}

/* Effet au survol (optionnel, subtil et fluide) */
.icon-image:hover {
  filter: brightness(0) invert(1) contrast(2) saturate(2);
  transform: scale(1.08);
}

/* ----- Icônes spécifiques ----- */
.icon-camion_plateau {
  background-image: url('/wp-content/themes/porto/assets/icons/Camion_plateau.png');
}

.icon-special {
  background-image: url('/wp-content/themes/porto/assets/icons/special.png');
}

.icon-mini-pelle {
  background-image: url('/wp-content/themes/porto/assets/icons/Mini-pelle.png');
}

.icon-nacelle {
  background-image: url('/wp-content/themes/porto/assets/icons/nacelle.png');
}

.icon-outils {
  background-image: url('/wp-content/themes/porto/assets/icons/outils.png');
}

.icon-remorque {
  background-image: url('/wp-content/themes/porto/assets/icons/remorque.png');
}

.icon-tondeuse {
  background-image: url('/wp-content/themes/porto/assets/icons/tondeuse.png');
}

.icon-tracteur_agricole {
  background-image: url('/wp-content/themes/porto/assets/icons/Tracteur_agricole.png');
}


/* ----- Icônes Eurotracto couleur (version menu) ----- */

.icon-image-color {
  display: inline-block;
  width: 22px;                /* Taille idéale pour un menu horizontal */
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 8px;          /* Petit espacement avant le texte du menu */
  transition: 0.3s ease;
}

/* Optionnel : léger zoom au survol */
.icon-image-color:hover {
  transform: scale(1.1);
}

/* ----- Icônes spécifiques ----- */
.icon-color-camion_plateau {
  background-image: url('/wp-content/themes/porto/assets/icons/Camion_plateau.png');
}

.icon-color-special {
  background-image: url('/wp-content/themes/porto/assets/icons/special.png');
}

.icon-color-mini-pelle {
  background-image: url('/wp-content/themes/porto/assets/icons/Mini-pelle.png');
}

.icon-color-nacelle {
  background-image: url('/wp-content/themes/porto/assets/icons/nacelle.png');
}

.icon-color-outils {
  background-image: url('/wp-content/themes/porto/assets/icons/outils.png');
}

.icon-color-remorque {
  background-image: url('/wp-content/themes/porto/assets/icons/remorque.png');
}

.icon-color-tondeuse {
  background-image: url('/wp-content/themes/porto/assets/icons/tondeuse.png');
}

.icon-color-tracteur_agricole {
  background-image: url('/wp-content/themes/porto/assets/icons/Tracteur_agricole.png');
}