/*
Theme Name: WVC Child theme
Template: wvc-theme
*/


/* =========================
   9. FORMS (WP + plugins)
   ========================= */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
select {
  color: var(--color-foreground, var(--foreground));
  background-color: var(--color-card, var(--card, var(--color-background, var(--background))));
  border: 1px solid var(--color-border, var(--border));
  border-radius: var(--radius-md, 0.375rem);
  padding: 0.5rem 0.75rem;
  font: inherit;
  line-height: 1.5;
  max-width: 100%;
  transition: border-color 150ms, box-shadow 150ms;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {
  border-color: var(--color-ring, var(--ring, var(--color-primary, var(--color-primary, var(--primary, var(--color-primary-500))))));
  box-shadow: 0 0 0 1px var(--color-ring, var(--ring, var(--color-primary, var(--color-primary, var(--primary, var(--color-primary-500))))));
  outline: none;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--color-primary, var(--primary, var(--color-primary-500)));
  width: 1rem;
  height: 1rem;
}

label {
  color: var(--color-foreground, var(--foreground));
}

fieldset {
  border: 1px solid var(--color-border, var(--border));
  border-radius: var(--radius-md, 0.375rem);
  padding: 1rem;
  margin: 0 0 1rem;
}

legend {
  padding: 0 0.35rem;
  font-weight: 600;
}

.search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.search-form label {
  flex: 1 1 auto;
  min-width: 10rem;
}

.search-field {
  width: 100%;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
}

.required {
  color: var(--color-destructive, var(--destructive, var(--color-error, var(--error))));
}

.error,
.wpcf7-not-valid-tip,
.gform_validation_errors,
.wpforms-error-container {
  color: var(--color-destructive, var(--destructive, var(--color-error, var(--error))));
}

input[aria-invalid="true"],
textarea[aria-invalid="true"],
select[aria-invalid="true"],
.wpcf7-not-valid,
.gfield_error input,
.wpforms-error {
  border-color: var(--color-destructive, var(--destructive, var(--color-error, var(--error)))) !important;
}

.wpcf7-form input[type="submit"],
.gform_button,
.wpforms-submit {
  background-color: var(--color-primary, var(--primary, var(--color-primary-500)));
  color: var(--color-primary-foreground, var(--color-primary-foreground, var(--primary-foreground)));
  border: 1px solid transparent;
  border-radius: var(--radius-md, 0.375rem);
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover,
.gform_button:hover,
.wpforms-submit:hover {
  background-color: color-mix(in srgb, var(--color-primary, var(--primary, var(--color-primary-500))) 90%, transparent);
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  border-color: var(--color-border, var(--border));
  color: var(--color-foreground, var(--foreground));
  background-color: var(--color-card, var(--card, var(--color-background, var(--background))));
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
  border-color: var(--color-ring, var(--ring, var(--color-primary, var(--color-primary, var(--primary, var(--color-primary-500))))));
  box-shadow: 0 0 0 1px var(--color-ring, var(--ring, var(--color-primary, var(--color-primary, var(--primary, var(--color-primary-500))))));
  outline: none;
}

form input,
form select,
textarea {
    width:100% !important;
}

.nomoco-contact-form.nomoco-order-form {
    border:1px solid #ddd;
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(20, 21, 31, 0.12) 0px 2px 4px 0px;
    border-radius:8px;
    padding:20px;
}

.wpcf7-checkbox label,
.wpcf7-radio label {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom:5px;
}
.nomoco-contact-form .wpcf7-radio .wpcf7-list-item.first,
.nomoco-contact-form .wpcf7-checkbox .wpcf7-list-item.first {
    margin-left:0;
}
.wpcf7-checkbox input[type="checkbox"] {
    width:auto !important;
}