/* Lot 10, M9 : la demande de soumission (/soumission), sur le gabarit de Réserver (reservation.css). Ce fichier n'ajoute que
   ce qui est propre à la soumission (labo/lot10/M9/soumission.css) : les puces (budget, échéance, préférence) sur une ou
   deux lignes, et la carte « Votre demande » une info par ligne, la réponse en texte courant plutôt qu'en gros prix. */
.soumission_puces { display: flex; flex-wrap: wrap; gap: 8px; }
.soumission_puces > legend { width: 100%; }
.soumission_puces + .soumission_puces, .champs_stoud + .soumission_puces { margin-top: var(--spacing--space-small); }
.soumission_puces .espace_choix { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 0; padding: 10px 18px; }
.soumission_puces .espace_choix > input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.soumission_puces .espace_choix:has(input:checked) { border-color: var(--stoud-jaune); background: color-mix(in srgb, var(--stoud-jaune) 12%, transparent); }
.soumission_puces .espace_choix:has(input:focus-visible) { outline: 2px solid var(--stoud-jaune); outline-offset: 2px; }
.soumission_direct .direct_liste { grid-template-columns: minmax(0, 1fr); gap: 2px; }
.soumission_direct .direct_liste > dt:not(:first-child) { margin-top: 10px; }
.soumission_direct .direct_total strong { font-size: inherit; font-weight: 500; }

/* Lot 11, R8 (choix de Vince) : l'étape 1 commence par deux grandes cartes, « L'offre complète » et « À la carte » (les cartes
   espace_choix de Réserver, en plus grand : nom en titre, phrase dessous). « À la carte » ouvre les expertises dessous
   (#soumission-carte, caché et désactivé sinon ; visible en mode édition, par /js/edition.js, pour que ses textes restent
   modifiables). */
.soumission_formules .espace_choix { min-height: 8.5rem; justify-content: flex-end; gap: 6px; padding: var(--spacing--space-xsmall) var(--spacing--space-xsmall) var(--spacing--space-xsmall) calc(var(--spacing--space-xsmall) + 28px); }
.soumission_formules .espace_choix input { left: var(--spacing--space-xsmall); top: var(--spacing--space-xsmall); }
.soumission_formules .espace_nom { font-size: clamp(1.25rem, 1.6vw, 1.5rem); line-height: 1.15; letter-spacing: -.02em; }
.soumission_formules .espace_prix { max-width: 22rem; font-size: 15px; line-height: 1.35; }
.soumission_formules + .soumission_choix { margin-top: var(--spacing--space-small); }
@media (max-width: 600px) { .soumission_formules .espace_choix { min-height: 0; } }