/*
Theme Name: EverFondly Child
Theme URI: https://everfondly.qodeinteractive.com
Description: A child theme of EverFondly
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: everfondly
Template: everfondly
*/

/* =========
   Basis/Layout
   ========= */
.wpcf7,
.wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

/* Labels & Abstände */
.wpcf7-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.wpcf7-form p {
    margin-bottom: 15px;
}

/* =========
   Felder
   ========= */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100% !important;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 15px;
    transition: border-color 0.3s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #e0bdb6;
    outline: none;
}

/* Radio/Checkbox-Liste zeilenweise & volle Breite */
.wpcf7-form .wpcf7-list-item {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

/* =========
   Button (volle Breite, Qode-Overrides)
   ========= */
.wpcf7-form .wpcf7-submit,
.wpcf7-form button.wpcf7-submit {
    display: block;
    width: 100% !important;
    background-color: #e0bdb6;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

/* Falls Qode-Button-Markup aktiv ist, alles hart überschreiben */
.wpcf7-form .wpcf7-submit.qodef-button,
.wpcf7-form .wpcf7-submit.qodef-button:before,
.wpcf7-form .wpcf7-submit.qodef-button:after {
    background-color: #e0bdb6 !important;
    border-color: #e0bdb6 !important;
    color: #fff !important;
    box-shadow: none !important;
}
.wpcf7-form .wpcf7-submit.qodef-button .qodef-m-text {
    color: #fff !important;
    padding: 10px 20px;
}

/* Spezifisch: dein Formular (wenn der Wrapper mit dieser ID vorhanden ist) */
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button,
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button:before,
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button:after {
    background-color: #e0bdb6 !important;
    border-color: #e0bdb6 !important;
    color: #fff !important;
}
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button .qodef-m-text {
    color: #fff !important;
    padding: 10px 20px;
}

/* Hover-Zustand */
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit.qodef-button:hover,
.wpcf7-form .wpcf7-submit.qodef-button:hover:before,
.wpcf7-form .wpcf7-submit.qodef-button:hover:after,
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button:hover,
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button:hover:before,
#wpcf7-f7412-p1228-o1 .wpcf7-submit.qodef-button:hover:after {
    background-color: #cfaea7 !important;
    border-color: #cfaea7 !important;
    color: #fff !important;
}

/* =========
   Meldungen
   ========= */
.wpcf7-form .wpcf7-response-output {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #dff0d8;
    border: 1px solid #3c763d;
    color: #3c763d;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #f2dede;
    border: 1px solid #a94442;
    color: #a94442;
}