/* V190 - Banderole NEUF sur les annonces de la page d'accueil

   Fichier separe volontairement : assets/styles.css est appele par TOUTES les
   pages du site. Y toucher obligerait a monter son ?v= partout pour trois
   regles qui ne servent qu'a la page d'accueil. */

/* La photo de l'annonce devient le repere de positionnement.
   .homepage-featured-image est en display:flex !important dans styles.css :
   la banderole est en position absolue, elle n'entre donc pas dans le flex
   et ne decale pas la photo. */
.homepage-featured-image {
  position: relative !important;
}

.listing-neuf-badge-v190 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  padding: 7px 15px !important;
  background: var(--red, #d71920) !important;
  color: #fff !important;
  font-family: 'Arial Narrow', Arial, Helvetica, sans-serif !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  border-bottom-right-radius: 4px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .28) !important;
  /* Ne gene pas le clic : toute la photo reste un lien vers l'annonce. */
  pointer-events: none !important;
}

@media (max-width: 1024px) {
  .listing-neuf-badge-v190 {
    padding: 6px 13px !important;
    font-size: 17px !important;
  }
}

@media (max-width: 640px) {
  .listing-neuf-badge-v190 {
    padding: 5px 11px !important;
    font-size: 15px !important;
  }
}