/*
Theme Name:   Coco Villas
Description:  Twenty Twenty-Four Child Theme
Author:       Alex Maltsev
Author URI:   https://alexmaltsev.me
Description: Special theme for Coco Villas & 2island.life
Template:     twentytwentyfour
Version: 1.0
Text Domain:  twentytwentyfourchild
*/

/* Style the overall form container */
.wpcf7-form {
  max-width: 406px;
}

/* Style text inputs and textareas */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  color: #4e5152;
  width: 100%;
  padding: 10px 30px;
  margin-bottom: 5px;
  min-height: 56px;
  border: 1px solid #ccc;
  border-radius: 40px;
  font-size: 23.9999px;
  max-width: 406px;
  box-sizing: border-box;
  font-family: inherit;
}

.wpcf7-form textarea {
  max-height: 168px;
}

/* Style the submit button */
.wpcf7-form input[type="submit"] {
  background-color: #506778;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 40px;
  cursor: pointer;
  font-size: 23.9999px;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  min-height: 56px;
  width: 100%;
  box-sizing: border-box;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #005177; /* Darken on hover */
}

/* Add focus styles for accessibility */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: 2px solid #0073aa;
  outline-offset: 2px;
}

.wpcf7-not-valid-tip {
  color: #f90;
}