/*
 * MILEHA Submission Frontend Styles
 */

/* Hauptcontainer des Formulars */
#mileha-submission-form {
    max-width: 780px; /* Begrenzt die Breite für bessere Lesbarkeit */
    margin: 20px 0;
}

/* Einzelne Zeile/Feldgruppe im Formular */
.mileha-form-row {
    display: flex;
    flex-direction: column; /* Label und Feld untereinander */
    margin-bottom: 24px; /* Abstand zwischen den Feldern */
}

/* Alle Labels */
#mileha-submission-form label {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 1em;
    color: #333;
}

/* Alle Text- und Datei-Inputs sowie Textareas */
#mileha-submission-form input[type="text"],
#mileha-submission-form input[type="file"],
#mileha-submission-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    font-size: 1em;
    line-height: 1.5;
    box-sizing: border-box; /* Stellt sicher, dass Padding die Breite nicht beeinflusst */
}

/* Visueller Hinweis, wenn ein Feld aktiv ist */
#mileha-submission-form input[type="text"]:focus,
#mileha-submission-form textarea:focus {
    outline: none;
    border-color: #2271b1; /* WordPress Standard-Blau */
    box-shadow: 0 0 0 1px #2271b1;
}

/* Spezielles Styling für die Kategorie-Checkbox-Liste */
.mileha-category-list {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    padding: 10px;
}

.mileha-category-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mileha-category-list li {
    margin-bottom: 8px;
}

/* Styling für die Bestätigungs-Checkbox */
.mileha-form-row label[for="mileha-confirmation"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: normal; /* Normales Gewicht für den Fließtext */
}

#mileha-confirmation {
    margin-right: 10px;
    width: auto; /* Checkbox-Breite zurücksetzen */
}

/* Styling für den Submit-Button */
#mileha-submission-form input[type="submit"] {
    background-color: #2271b1; /* WordPress Standard-Blau als Akzentfarbe */
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    width: auto; /* Button nicht über die volle Breite */
}

#mileha-submission-form input[type="submit"]:hover {
    background-color: #1e639a;
}

/* Styling für den kleinen Bearbeiten-Link neben dem Titel */
.mileha-edit-link {
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none;
    margin-left: 8px;
    vertical-align: middle;
}

/* Styling für Hinweismeldungen (z.B. "Bitte einloggen") */
.mileha-submission-notice {
    border-left: 4px solid #d63638; /* WordPress-Fehlerfarbe */
    padding: 12px 20px;
    background-color: #f9f9f9;
}