Appointment Form

/* --- Appointment Form Styling --- */
.wpcf7-form {
max-width: 600px;
margin: 40px auto;
background: #ffffff;
padding: 35px 40px;
border-radius: 16px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
font-family: "Segoe UI", Arial, sans-serif;
}

.wpcf7-form label {
display: block;
font-weight: 600;
margin-bottom: 6px;
color: #222;
font-size: 15px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 15px;
margin-bottom: 18px;
background: #f9f9f9;
transition: all 0.3s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
border-color: #0066cc;
background: #fff;
box-shadow: 0 0 6px rgba(0, 102, 204, 0.25);
outline: none;
}

.wpcf7-form textarea {
min-height: 120px;
resize: vertical;
}

.wpcf7-form .wpcf7-list-item {
margin-left: 0;
display: flex;
align-items: center;
}

.wpcf7-form .wpcf7-list-item-label {
margin-left: 8px;
font-weight: normal;
color: #444;
}

.wpcf7-form .wpcf7-submit {
background: linear-gradient(135deg, #0066cc, #004c99);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 14px 20px;
border: none;
border-radius: 12px;
cursor: pointer;
width: 100%;
transition: background 0.3s ease, transform 0.2s ease;
}

.wpcf7-form .wpcf7-submit:hover {
background: linear-gradient(135deg, #004c99, #003366);
transform: translateY(-2px);
}

.wpcf7 form .wpcf7-response-output {
margin-top: 20px;
padding: 12px 15px;
border-radius: 8px;
font-size: 14px;
}

Δ