/*
 * Matjesregatta Form — stylesheet
 * ------------------------------------------------------------------
 * This file is enqueued automatically wherever the [matjesregatta_form]
 * shortcode is used. Everything below is intentionally minimal —
 * just enough layout to keep the form usable — so you have a clean
 * slate to apply your own colors, fonts, spacing, etc.
 *
 * Every selector below is listed with a short note on what it targets.
 * Search this file for a class name to find where to add your styles.
 * ------------------------------------------------------------------
 */


/* ==========================================================================
   1. Wrapper & form
   ========================================================================== */

/* Outermost container around the whole form (or the sold-out message). */
.matjesregatta_form-wrapper {}

/* The <form> element itself. */
.matjesregatta_form-form {}


/* ==========================================================================
   2. Notices
   (low-seats warning, validation errors, success message, sold-out message)
   ========================================================================== */

/* Base style shared by all notice/message boxes. */
.matjesregatta_form-notice {
    margin: 0 0 1em;
    padding: 0.75em 1em;
}

/* "Nur noch N Plätze übrig!" warning, shown above the form. */
.matjesregatta_form-notice--low-seats {}

/* Validation error list, shown after a failed submit attempt. */
.matjesregatta_form-notice--error {}

.matjesregatta_form-notice--error ul {
    margin: 0;
    padding-left: 1.2em;
}

/* Success message, shown in place of the form after a successful submit. */
.matjesregatta_form-notice--success {}

/* "Alle Plätze vergeben" message, shown instead of the form when sold out. */
.matjesregatta_form-notice--full {}


/* ==========================================================================
   3. Sections
   (verein info / boat & category selects / contact / meals / notes)
   ========================================================================== */

.matjesregatta_form-section {
    margin-bottom: 1.5em;
}

/* Verein name field. */
.matjesregatta_form-section--verein-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Bootstyp + Mannschaft selects. */
.matjesregatta_form-section--selects {
    display: flex;
    gap: 20px;
}

/* Anmeldende (contact person) first name, last name, e-mail. */
.matjesregatta_form-section--contact {}

.matjesregatta_form-section--meals {
    display: flex;
    gap: 20px;
}

.matjesregatta_form-section--notes {}


/* ==========================================================================
   4. Fields
   (each is a <p class="matjesregatta_form-field matjesregatta_form-field--xxx">
   wrapping a single label + input/select/textarea)
   ========================================================================== */

.matjesregatta_form-field {
    margin: 0 0 1em;
}

.matjesregatta_form-label {
    display: block;
    margin-bottom: 0.25em;
}

.matjesregatta_form-input,
.matjesregatta_form-select,
.matjesregatta_form-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* Narrower number inputs (birth year, meal counts) don't need full width. */
.matjesregatta_form-input--year,
.matjesregatta_form-input--number {
    width: auto;
}

/* Individual field modifiers, in case you want to target one specifically. */
.matjesregatta_form-field--verein {
    grid-column: span 2;
}

.matjesregatta_form-field--boot-typ {}

.matjesregatta_form-field--mannschaft {}

.matjesregatta_form-field--first-name {}

.matjesregatta_form-field--last-name {}

.matjesregatta_form-field--birth-year {}

.matjesregatta_form-field--anmeldende-first-name {}

.matjesregatta_form-field--anmeldende-last-name {}

.matjesregatta_form-field--email {}

.matjesregatta_form-field--vegan-meals {
    order: 2;
}

.matjesregatta_form-field--matjes-meals {
    order: 1;
}

.matjesregatta_form-field--notes {}

/* "Es sind keine vegane/Matjes Optionen mehr verfügbar" text, shown next to
   the relevant meal field. */
.matjesregatta_form-meal-unavailable {
    display: block;
    font-style: italic;
}


/* ==========================================================================
   5. Ruderer (rower) rows
   ========================================================================== */

/* Container holding all ruderer rows. */
.matjesregatta_form-ruderer {
    margin-bottom: 1em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

/* One rower's block (this class name is also used by the plugin's JS —
   keep it on the element if you wrap/restructure anything). */
.matjesregatta_form-ruderer-row {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #ccc;
}

.matjesregatta_form-ruderer-fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.matjesregatta_form-ruderer-legend {
    font-weight: bold;
    margin-bottom: 0.5em;
}


/* ==========================================================================
   6. Buttons
   ========================================================================== */

.matjesregatta_form-button {
    cursor: pointer;
}

/* "Absenden" (submit) */
.matjesregatta_form-button--submit {
    font-weight: bold;
}