/*---------------------------------------------------------------------------------

 Theme Name:   Webbec Smart Website
 Theme URI:    https://www.webbec.ca
 Description:  Webbec Smart Website
 Author:       Webbec
 Author URI:   https://www.webbec.ca
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* Contact Form 7 - Responsive Styles with Tight Spacing */

.wpcf7 {
  border: none;
}

/* Form wrapper */
.wpcf7-form {
  font-family: 'Outfit', sans-serif;
  padding: clamp(0.25rem, 1vw, 1rem);
}

/* Inputs and textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7-text,
.wpcf7-textarea {
  width: 100%;
  background-color: #EEEEEE;
  border: none;
  padding: clamp(0.25rem, 0.8vw, 0.5rem); /* Very tight padding */
  font-size: clamp(0.9rem, 1.8vw, 1.125rem);
  font-family: 'Outfit 700', sans-serif;
  color: #444444;
  box-sizing: border-box;
  margin-bottom: clamp(0.25rem, 0.8vw, 0.5rem); /* Very tight vertical spacing */
  border-radius: 3px;
}

/* Textarea tweaks */
.wpcf7-textarea {
  resize: vertical;
  min-height: clamp(4rem, 12vw, 8rem);
}

/* Submit button */
input.wpcf7-submit {
  background-color: #E29F02;
  color: #ffffff;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  border: none;
  padding: clamp(0.4rem, 1vw, 0.75rem) clamp(0.75rem, 2vw, 1.5rem);
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
  margin-left: auto;
  margin-top: clamp(0.4rem, 1vw, 0.75rem); /* Tighter spacing above button */
}

/* Hover effect */
input.wpcf7-submit:hover {
  background-color: #27272A;
}