/*
pages/suggestion-entreprise.css

QUOI : Formulaire public « Proposer une adresse commerciale » (`suggestion/entreprise.html.twig`).

COMMENT : Réutilise le système visuel du formulaire événement via `@import` natif (sections
          numérotées, autofill, inputs/select, honeypot) — la classe racine du formulaire est
          `.submission-form` (pas une classe dédiée), donc ces règles s'appliquent sans rien
          dupliquer. `submission-cropper.css`/`submission-layout.css`/`submission-preview.css` ne
          sont PAS importés : pas d'upload d'image, pas de grille bento, pas d'aperçu live sur cette
          page (rien n'est publié publiquement par ce formulaire).

OÙ : Chargée par `suggestion/entreprise.html.twig`.

POURQUOI : Aligner visuellement ce formulaire sur le standard du formulaire événement sans
           dupliquer ~600 lignes de CSS (sections, autofill, inputs) déjà maintenues ailleurs.
*/

@import url("submission-form-ih5XSkP.css");
@import url("submission-inputs-FHq4FjC.css");

/* ── Mise en page (29/10/2026) : formulaire | colonne « étapes + bon à savoir » ─────────────────────────
   Comme « Proposer un événement » : sommaire des étapes (form-submission/steps.js) collé à droite sur ordinateur,
   barre compacte sous l'en-tête sur téléphone (styles du sommaire : components/editorial-2026.css). */
.suggestion-layout {
    display: grid;
    gap: var(--space-md);
    align-items: start;
}

.suggestion-aside { min-width: 0; }

.suggestion-aside__note {
    padding: var(--space-md);
    border: 1px solid var(--c-bordure);
    border-radius: var(--radius-lg);
    background: var(--c-surface);
    color: var(--c-texte-doux);
    font-size: 0.92rem;
    line-height: 1.55;
}

.suggestion-aside__note p { margin: 0; }

.suggestion-aside__note .suggestion-aside__titre {
    margin-bottom: 0.35rem;
    font-weight: 800;
    color: var(--c-texte);
}

@media (max-width: 959.98px) {
    /* Téléphone : le sommaire passe dans la barre compacte ; la note suit le formulaire. */
    .suggestion-aside .submission-steps { display: none; }
}

@media (min-width: 960px) {
    .suggestion-layout { grid-template-columns: minmax(0, 1fr) minmax(260px, 20rem); }
    .suggestion-aside { position: sticky; top: calc(69px + var(--space-sm)); }
}