/* ============================================================
   PaysagePro — Marquage de l'environnement
   Badge « DEV » / « TEST » dans le bandeau du haut. Rien en production :
   le badge n'est tout simplement pas rendu par le gabarit.
   Volontairement contraste (et non discret comme le badge de version) :
   il doit sauter aux yeux avant qu'on saisisse une donnee.
   ============================================================ */

.pp-env-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  padding: 3px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  white-space: nowrap;
  text-transform: uppercase;
}

.pp-env-badge .fas {
  font-size: 0.72rem;
  opacity: 0.9;
}

/* Developpement : bleu — poste local, aucune donnee reelle */
.pp-env-badge.pp-env-dev {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}

/* Test : orange — copie des donnees de production, donc plus alarmant */
.pp-env-badge.pp-env-test {
  background: #c2410c;
  border-color: #c2410c;
  color: #fff;
}

/* Gabarit minimal (connexion, OTP) : badge centre au-dessus de la carte */
.pp-env-standalone {
  margin: 0 auto 12px;
  text-align: center;
}
.pp-env-standalone .pp-env-badge {
  margin-left: 0;
}

@media (max-width: 820px) {
  /* Le badge reste affiche sur mobile (contrairement a celui de version) :
     c'est un garde-fou, pas une information de confort. */
  .pp-env-badge {
    margin-left: 6px;
    padding: 2px 7px;
    font-size: 0.68rem;
  }
  .pp-env-badge .fas { display: none; }
}