/* WautoParc : le paiement declare (inc/paiements.php). Le formulaire « J'ai paye : declarer mon paiement » sous un bloc
   de paiement par Orange Money (l'espace, Booster, Devenir parc, Devenir loueur), « Mes paiements » dans l'espace, et
   le « J'ai paye » d'une commande (son recu, son suivi). Les champs, les puces d'etat et les messages sont ceux du site
   (wautoparc-enrichi.css) : cette feuille ne pose que leur mise en page. Chaque bouton garde 44 px de haut.
   Chargee la seulement (wa_paie_fichiers). */

/* Le bloc, et ce qui attend deja pour cet achat */
.wa-root .wa-paie{display:grid;gap:12px;margin-top:16px}
.wa-root .wa-paie-attente{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-paie-attente .wa-status{margin-right:6px}
.wa-root .wa-paie-wa{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-paie-connexion{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-paie-connexion a{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* Le repli : le bouton rouge l'ouvre ; ouvert, il s'efface devant le formulaire (le contour, comme un bouton fantome) */
.wa-root .wa-paie-plier > summary{list-style:none;min-height:44px;cursor:pointer}
.wa-root .wa-paie-plier > summary::-webkit-details-marker{display:none}
.wa-root .wa-paie-plier[open] > summary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.wa-root .wa-paie-plier[open] > summary:hover{background:var(--paper-2);color:var(--ink)}

/* Le formulaire : une colonne, l'envoi et sa phrase sur une ligne quand elle tient */
.wa-root .wa-paie-form{display:grid;gap:16px;margin-top:14px;max-width:560px}
.wa-root .wa-paie-annonce{margin:0;font-weight:600;color:var(--ink)}
.wa-root .wa-paie-form .wa-fa-seg span{white-space:normal}
.wa-root .wa-paie-envoi{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.wa-root .wa-paie-envoi .btn{min-height:44px}
.wa-root .wa-paie-envoi .hint{flex:1 1 220px;font-size:13px;line-height:1.45;color:var(--muted)}

/* Mes paiements (l'espace) : l'etat en toutes lettres sous chaque ligne, le motif d'un refus en rouge */
.wa-root .wa-paie-ligne .bd{flex:1 1 220px;min-width:0}
.wa-root .wa-paie-dit{flex:1 1 100%;margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-paie-dit.refuse{color:var(--red-ink)}

/* Une commande de la boutique : le message d'apres l'envoi et la carte, l'un sous l'autre */
.wa-root .wa-paie-bloc{display:grid;gap:12px}
.wa-root .wa-paie-bloc > .wa-notice{margin:0}
.wa-root .wa-paie-commande{margin-top:0}
.wa-root .wa-paie-commande h2{margin:0}
.wa-root .wa-paie-commande .wa-paie-form{max-width:none;margin-top:0}

@media (max-width:640.98px){
  .wa-root .wa-paie-envoi .btn,.wa-root .wa-paie-plier > summary{width:100%;justify-content:center}
}

@media print{
  .wa-root .wa-paie-plier,.wa-root .wa-paie-form,.wa-root .wa-paie-wa{display:none}
}