/* Styl podstawowy formularza */
.wpcf7 {
    background-color: #f9f9f9; /* Tło formularza */
    border-radius: 8px; /* Zaokrąglone rogi */
    padding: 25px; /* Wewnętrzne odstępy */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Cień */
}

/* Styl etykiet */
.wpcf7 label {
    font-size: 16px; /* Rozmiar czcionki */
    color: #333; /* Kolor tekstu */
    margin-bottom: 0px; /* Odstęp poniżej etykiety */
    display: block; /* Etykiety w nowej linii */
}

/* Styl pól tekstowych */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%; /* Szerokość 100% */
    padding: 10px; /* Wewnętrzne odstępy */
    border: 1px solid #ccc; /* Granica */
    border-radius: 4px; /* Zaokrąglone rogi */
    box-sizing: border-box; /* Umożliwia uwzględnienie paddingu w szerokości */
    margin-bottom: 15px; /* Odstęp poniżej pola */
    transition: border-color 0.3s; /* Animacja dla zmiany koloru granicy */
}

/* Styl dla pól w fokusu */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #007BFF; /* Kolor granicy przy fokusu */
    outline: none; /* Brak konturu */
}

/* Styl przycisku wysyłania */
.wpcf7 input[type="submit"] {
    background-color: #007BFF; /* Kolor tła */
    color: white; /* Kolor tekstu */
    border: none; /* Bez granicy */
    padding: 10px 15px; /* Wewnętrzne odstępy */
    border-radius: 4px; /* Zaokrąglone rogi */
    cursor: pointer; /* Zmiana kursora na wskaźnik */
    font-size: 16px; /* Rozmiar czcionki */
    transition: background-color 0.3s; /* Animacja dla zmiany koloru */
}

/* Styl przycisku wysyłania w trakcie najechania */
.wpcf7 input[type="submit"]:hover {
    background-color: #0056b3; /* Ciemniejszy kolor tła */
}

/* Styl komunikatów o błędach */
.wpcf7 .wpcf7-response-output {
    margin-top: 15px; /* Odstęp górny */
    padding: 10px; /* Wewnętrzne odstępy */
    border: 1px solid transparent; /* Przezroczysta granica, która zmienia się przy błędzie */
    border-radius: 4px; /* Zaokrąglone rogi */
}

/* Styl błędów w komunikatach */
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
    color: #dc3545; /* Kolor błędów */
    border-color: #dc3545; /* Granica błędów */
}

/* Styl komunikatów sukcesu */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #28a745; /* Kolor sukcesu */
    border-color: #28a745; /* Granica sukcesu */
}

/* Responsywność */
@media (max-width: 600px) {
    .wpcf7 {
        padding: 15px; /* Mniejsze odstępy na mniejszych ekranach */
    }

    .wpcf7 input[type="submit"] {
        width: 100%; /* Przyciski będą miały 100% szerokości */
    }

    .wpcf7 label {
        font-size: 14px; /* Mniejszy rozmiar czcionki */
    }

    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
        font-size: 14px; /* Mniejszy rozmiar czcionki w polach tekstowych */
    }
}