/*
 * Composants “Customer Gate” : champs et messages d’erreur (profil/adresse).
 * Utilisé sur les pages qui collectent/valident les infos client.
 * doc-project | commande/v1/assets/css/components/customer_gate.css | Stylise les champs et messages d’erreur du “Customer Gate” | Expose: aucun | Dépend de: pages client utilisant les classes .cg* | Impacte: UI des formulaires client | Tables: aucune
 */
.cgField {
  margin: 0 0 10px;
}

.cgLabel {
  display: block;
  font-weight: 800;
  margin: 0 0 6px;
}

.cgInput {
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 12px;
  font-size: 16px;
  outline: none;
}

.cgInput[aria-invalid="true"] {
  border-color: rgba(210,0,0,0.7);
}

.cgGrid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 520px) {
  .cgGrid2 { grid-template-columns: 1fr; }
}

.cgError {
  margin: 6px 0 0;
  color: #d00;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
}

.cgError--global {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,0.10);
}

.cgAddressWrap[hidden] {
  display: none !important;
}