/* Opus-Sonnet-FormFlow.md 31/07/2026, FORMFLOW-CONTACT-EDIT tache O -- regle standard
   ASP.NET Core absente de ce projet : sans elle, asp-validation-summary rend une boite
   rouge vide des qu'aucune erreur n'est presente (chaque affichage initial d'un formulaire),
   ce qui avait pousse a masquer le resume entierement en dur (style="display:none")
   -- masquant aussi les vraies erreurs de validation. Necessaire pour tout formulaire du
   site qui utilise asp-validation-summary/asp-validation-for, pas seulement Contacts. */
.validation-summary-valid,
.field-validation-valid {
  display: none;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* SAT-2B (Opus-Sonnet-FieldPilot.md, GO 05/08/2026) -- grille des 3 rendus satellite
   (True Color/NDVI/NDMI) sur la fiche parcelle. Bootstrap row-cols-* casse ici : ce
   sont des breakpoints de VIEWPORT, alors que la carte satellite vit dans une colonne
   de contenu etroite (~1/3 de la largeur d'ecran) -- row-cols-lg-3 forcerait 3
   colonnes des que le VIEWPORT est large, meme quand le CONTENEUR reel est etroit,
   reproduisant exactement le probleme signale (vignettes ~215px sur grand ecran).
   auto-fit/minmax repond a la largeur du CONTENEUR, pas du viewport : une seule
   colonne des que la place manque, jusqu'a 3 sinon (il n'y a que 3 items). Les rendus
   sortent a 512px (MM 5.1) -- max-width les empeche de grandir au-dela pour rien. */
.fp-sat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: .75rem;
}

.fp-sat-grid img {
  width: 100%;
  max-width: 512px;
  display: block;
}