/* AS Ferienkurs — Buchungs-Section-WRAPPER auf der Detail-Seite.
 *
 * Das Form-Styling (.as-form-row / .as-form-group / .as-children /
 * .as-child-row / .as-submit-btn etc.) lebt ZENTRAL im farning-Child-Theme
 * (assets/scss/_partials/_forms.scss) — die Klassen treffen dort
 * automatisch und liefern identisches Look wie Probestunde.
 *
 * Hier stylen wir nur den Section-Container und die Status-Hinweise
 * (Ausgebucht / Buchungsschluss / Vergangen).
 */

.as-fk-buchung {
    --as-navy: var(--gcid-farning-navy, var(--farning-navy, #222D58));
    --as-teal: var(--gcid-farning-teal, var(--farning-teal, #005A84));
    --as-green: var(--gcid-farning-green, var(--farning-green, #44A880));
    --as-danger: #b32d2e;

    max-width: 860px;
    margin: 30px auto 50px;
    padding: 32px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 32px -16px rgba(34, 45, 88, 0.16);
    color: var(--as-navy);
}

.as-fk-buchung-title {
    margin: 0 0 6px;
    font-size: 24px;
    color: var(--as-navy);
    font-weight: 800;
}

.as-fk-buchung-sub {
    margin: 0 0 24px;
    color: var(--gcid-farning-text-muted, #777E90);
    font-size: 15px;
}

.as-fk-buchung-frei {
    color: var(--as-green);
    font-weight: 800;
    font-size: 18px;
}

/* State-Section (Ausgebucht / Buchungsschluss / Vergangen) */
.as-fk-buchung-state-msg {
    margin: 12px 0 0;
    color: var(--gcid-farning-text-muted, #777E90);
    font-size: 16px;
    line-height: 1.55;
}
.as-fk-buchung--ausgebucht { border-left: 4px solid var(--as-danger); }
.as-fk-buchung--schluss    { border-left: 4px solid var(--gcid-farning-orange, #FEA410); }
.as-fk-buchung--vergangen  { border-left: 4px solid var(--gcid-farning-text-muted, #777E90); opacity: 0.7; }

/* Mobile */
@media (max-width: 640px) {
    .as-fk-buchung { padding: 22px 18px; margin: 20px 16px 40px; }
}