/* ============================================================
   SOUMETTRE UN ÉVÉNEMENT (soumettre_evenement.php) — auparavant
   en <style> inline, sorti ici. Se charge après menu2.css.
   ============================================================ */

.page-container { max-width: 800px; margin: 30px auto; padding: 0 15px; }
.page-container h1 { text-align: center; color: var(--paper); font-family: var(--display); font-weight: 700; margin-bottom: 20px; }

.form-container { background: var(--panel); border: 1px solid var(--line); padding: 24px; border-radius: 16px; margin-bottom: 20px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: var(--muted); }
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="datetime-local"],
.form-group select, .form-group textarea {
  width: 100%; padding: 10px 13px; border: 1px solid var(--line); border-radius: 10px;
  background: var(--panel-2); color: var(--paper); font-family: var(--body); font-size: 14px; box-sizing: border-box;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--cobalt); }
.form-group textarea { height: 100px; resize: vertical; }

.btn-submit {
  background: var(--cobalt); color: #fff; padding: 11px 20px; border: none; border-radius: 10px;
  cursor: pointer; font-family: var(--body); font-weight: 600; font-size: 15px; display: block; width: 100%; margin-top: 10px;
  transition: background 0.18s ease;
}
.btn-submit:hover { background: var(--cobalt-deep); }

.error { color: var(--red); margin-bottom: 15px; text-align: center; }
.success { color: var(--green); margin-bottom: 15px; font-weight: 600; text-align: center; }