/* ============================================================
   CDF FORMS – Events, Sessions, Formation Legacy, Soldier Tools
============================================================ */

/* ===== EVENT CARRIÈRE ===== */
.event-wrapper { width: min(1200px,95vw); margin: 0 auto; }
.event-form-grid { display: grid; grid-template-columns: 480px 1fr; gap: 24px; }
@media (max-width: 992px) { .event-form-grid { grid-template-columns: 1fr; } }
.event-card { background: var(--cdf-surface-2); border-radius: var(--cdf-radius); box-shadow: 0 2px 10px var(--cdf-shadow); padding: 16px; }
.event-card h4 { font-family: 'BlackOpsOne'; color: var(--cdf-accent-2); margin-bottom: 12px; text-transform: uppercase; }
.event-fields .form-group { margin-bottom: 12px; }
.event-fields .form-group label { margin-bottom: 6px; display: block; }
.event-card .form-group { margin-bottom: 14px; }
.event-card .form-label { display: block; margin-bottom: 6px; font-weight: 700; }

/* Date/Durée */
.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 700px) { .form-row-2 { grid-template-columns: 1fr; } }

/* SF full width */
.event-card .wide, .event-card .e-control, .event-card .e-input,
.event-card .e-input-group, .event-card .e-multiselect,
.event-card .e-dropdownlist, .event-card .e-datetime-wrapper,
.event-card .e-numeric { width: 100% !important; }

.training-actions { display: flex; justify-content: center; margin-top: 12px; }

/* ===== SESSION GRID ===== */
.session-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.session-card { height: 100%; }
.session-card .e-control, .session-card .e-input, .session-card input,
.session-card .e-multiselect, .session-card .e-numeric,
.session-card .e-datetime-wrapper, .session-card .e-dropdownlist { width: 100%; }
@media (max-width: 992px) { .session-grid { grid-template-columns: 1fr; } }

/* ===== FORMATION LEGACY ===== */
.formation-container {
    width: min(1400px, 98vw); margin: 60px auto; padding: 35px;
    background: rgba(10,15,10,.85); backdrop-filter: blur(4px);
    border-radius: 14px; box-shadow: 0 0 25px rgba(0,0,0,.65); color: #e6e6e6;
}
.formation-header h1 { font-family: 'BlackOpsOne'; font-size: 46px; text-align: center; color: #fff; text-shadow: 3px 3px 8px #000; }
.formation-header .military-banner { width: 320px; height: 22px; margin: 12px auto 28px; background: url('/css/camo.jpg') center/cover no-repeat; border-radius: 8px; box-shadow: inset 0 2px 6px rgba(0,0,0,.7), 0 4px 10px rgba(0,0,0,.6); }
.formation-section { margin: 35px 0; padding: 18px 20px; background: rgba(35,45,30,.82); border-radius: 10px; border: 1px solid var(--cdf-border); }
.formation-section h3 { font-family: 'BlackOpsOne'; color: var(--cdf-accent-2); font-size: 26px; margin-bottom: 12px; }
.formation-section ul { list-style: none; padding: 0; margin: 0; }
.formation-section ul li { font-size: 16px; margin: 6px 0; padding-left: 24px; position: relative; }
.formation-section ul li::before { content: "•"; position: absolute; left: 0; color: var(--cdf-accent); font-size: 20px; }
@media(max-width: 700px) { .formation-container { width: 95vw !important; padding: 20px !important; } .formation-header h1 { font-size: 32px !important; } .formation-section { padding: 14px !important; } }
@media(max-width: 450px) { .formation-header h1 { font-size: 26px !important; } }

/* ===== SOLDIER TOOLS ===== */
.cdf-soldier-tools { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; }
.cdf-bulk { display: flex; align-items: center; gap: 8px; }
.cdf-count { opacity: .85; font-size: .9rem; }
.cdf-soldier-scroll { max-height: 260px; overflow: auto; padding: 8px; border: 1px solid var(--cdf-border); border-radius: 8px; background: rgba(0,0,0,.20); }
.cdf-soldier-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
@media (max-width: 600px) { .cdf-soldier-grid { grid-template-columns: 1fr; } }
.cdf-soldier-item { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 6px; background: rgba(255,255,255,.04); }
.cdf-soldier-item:hover { background: rgba(143,191,90,.15); }