/* Container tổng của Form */
.custom-cf7-form {
    width: 100%;
    box-sizing: border-box;
}

/* Cấu trúc hàng và cột (Flexbox) */
.custom-cf7-form .cf7-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.custom-cf7-form .cf7-col {
    flex: 1;
    width: 100%;
}

.custom-cf7-form .cf7-row.full-width .cf7-col {
    flex: 0 0 100%;
}

/* Sửa lỗi hiển thị thẻ span mặc định của CF7 */
.custom-cf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Style cho các ô Input và Textarea */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form input[type="tel"],
.custom-cf7-form textarea {
    width: 100%;
    background-color: #f2f4f8; /* Màu nền xám nhạt nhẹ giống hình */
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 16px 18px;
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease-in-out;
}

/* Style chữ Gợi ý (Placeholder) */
.custom-cf7-form input::placeholder,
.custom-cf7-form textarea::placeholder {
    color: #9aa0a6;
    font-size: 14px;
}

/* Hiệu ứng khi bấm/trỏ vào ô nhập */
.custom-cf7-form input:focus,
.custom-cf7-form textarea:focus {
    background-color: #ffffff;
    border-color: #001E57;
}

/* Chiều cao khung Message */
.custom-cf7-form textarea {
    height: 180px;
    resize: vertical;
}

/* Style Nút Submit "SEND NOW" */
.custom-cf7-form input[type="submit"] {
    background-color: #001E57; /* Mã màu bạn yêu cầu */
    color: #ffffff;
    border: none;
    border-radius: 2px;
    padding: 16px 36px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    display: inline-block;
}

.custom-cf7-form input[type="submit"]:hover {
    background-color: #001338; /* Đậm hơn chút khi hover */
}

/* Responsive cho thiết bị di động (Tự co thành 1 cột) */
@media (max-width: 600px) {
    .custom-cf7-form .cf7-row {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
    }
}