/*
Theme Name: Flavor
Description: Custom Tailwind theme
Version: 1.0
*/

/* Contact Form BestWebSoft - exact match to static /contatti.html template */

/* Reset plugin defaults */
.cntctfrm-dark-wrapper .cntctfrm_contact_form,
.cntctfrm-dark-wrapper .cntctfrm_contact_form * {
  box-sizing: border-box;
}
.cntctfrm-dark-wrapper .cntctfrm_contact_form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem; /* space-y-5 */
  margin: 0;
  padding: 0;
}
.cntctfrm-dark-wrapper .cntctfrm_column {
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
}
.cntctfrm-dark-wrapper .cntctfrm_field_wrap {
  margin: 0;
  padding: 0;
}
.cntctfrm-dark-wrapper .clear {
  display: none;
}

/* Labels — matches: text-xs font-bold text-on-surface-variant uppercase tracking-wider mb-2 */
.cntctfrm-dark-wrapper .cntctfrm_label,
.cntctfrm-dark-wrapper .cntctfrm_label label {
  display: block;
  font-size: 0.75rem; /* text-xs */
  font-weight: 700; /* font-bold */
  color: #bccbb9; /* text-on-surface-variant */
  text-transform: uppercase;
  letter-spacing: 0.05em; /* tracking-wider */
  margin-bottom: 0.5rem; /* mb-2 */
  font-family: 'Inter', sans-serif;
  line-height: 1.5;
}
.cntctfrm-dark-wrapper .cntctfrm_label .required {
  color: #ffb4ab; /* error color */
}

/* Inputs — matches: w-full bg-surface-container-high border border-outline-variant rounded-xl px-4 py-3 text-sm text-on-surface placeholder-on-surface-variant/50 focus:outline-none focus:border-primary/50 */
.cntctfrm-dark-wrapper .cntctfrm_input input[type='text'],
.cntctfrm-dark-wrapper .cntctfrm_input input[type='email'],
.cntctfrm-dark-wrapper .cntctfrm_input select,
.cntctfrm-dark-wrapper .cntctfrm_input textarea {
  width: 100%;
  background-color: #222a3d; /* bg-surface-container-high */
  border: 1px solid #3d4a3d; /* border-outline-variant */
  border-radius: 0.75rem; /* rounded-xl */
  padding: 0.75rem 1rem; /* px-4 py-3 */
  font-size: 0.875rem; /* text-sm */
  color: #dae2fd; /* text-on-surface */
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  max-width: 100%;
}
.cntctfrm-dark-wrapper .cntctfrm_input input[type='text']:focus,
.cntctfrm-dark-wrapper .cntctfrm_input input[type='email']:focus,
.cntctfrm-dark-wrapper .cntctfrm_input select:focus,
.cntctfrm-dark-wrapper .cntctfrm_input textarea:focus {
  border-color: rgba(75, 226, 119, 0.5); /* focus:border-primary/50 */
  outline: none;
  box-shadow: none;
}
.cntctfrm-dark-wrapper .cntctfrm_input input::placeholder,
.cntctfrm-dark-wrapper .cntctfrm_input textarea::placeholder {
  color: rgba(188, 203, 185, 0.5); /* placeholder-on-surface-variant/50 */
}

/* Textarea — matches: rows="5" resize-none */
.cntctfrm-dark-wrapper .cntctfrm_input textarea {
  resize: none;
  min-height: 140px; /* ~5 rows */
}

/* Submit button — matches: w-full bg-primary-container text-on-primary font-headline font-bold py-3 rounded-xl uppercase tracking-wider text-sm hover:brightness-110 transition-all */
.cntctfrm-dark-wrapper .cntctfrm_submit_wrap {
  margin: 0;
  padding: 0;
}
.cntctfrm-dark-wrapper .cntctfrm_submit_wrap .cntctfrm_column {
  width: 100%;
}
.cntctfrm-dark-wrapper input[type='submit'].cntctfrm_contact_submit,
.cntctfrm-dark-wrapper .cntctfrm_input_submit input[type='submit'] {
  width: 100%;
  background-color: #22c55e; /* bg-primary-container */
  color: #003915; /* text-on-primary */
  font-family: 'Plus Jakarta Sans', sans-serif; /* font-headline */
  font-weight: 700; /* font-bold */
  padding: 0.75rem; /* py-3 */
  border-radius: 0.75rem; /* rounded-xl */
  text-transform: uppercase;
  letter-spacing: 0.05em; /* tracking-wider */
  font-size: 0.875rem; /* text-sm */
  border: none;
  cursor: pointer;
  transition: all 0.2s; /* transition-all */
  -webkit-appearance: none;
  line-height: 1.5;
}
.cntctfrm-dark-wrapper input[type='submit'].cntctfrm_contact_submit:hover,
.cntctfrm-dark-wrapper .cntctfrm_input_submit input[type='submit']:hover {
  filter: brightness(1.1); /* hover:brightness-110 */
}

/* Success/error messages */
.cntctfrm-dark-wrapper .cntctfrm_contact_form .cntctfrm_msg {
  background: rgba(75, 226, 119, 0.1);
  border: 1px solid rgba(75, 226, 119, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  color: #4be277;
  font-size: 0.875rem;
  font-weight: 700;
}
.cntctfrm-dark-wrapper .cntctfrm_contact_form .cntctfrm_error_text {
  color: #ffb4ab;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

/* Hero gradient overlay for inner pages */
.hero-gradient { background: linear-gradient(to bottom, rgba(11,19,38,0.4), rgba(11,19,38,1)); }

/* Hide subject field (replaced by dropdown) */
.cntctfrm-dark-wrapper .cntctfrm_field_subject_wrap {
  display: none;
}

/* Dropdown select styling — matches static template */
.cntctfrm-dark-wrapper .cntctfrm_input select {
  width: 100%;
  background-color: #222a3d;
  border: 1px solid #3d4a3d;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #dae2fd;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23bccbb9' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
  cursor: pointer;
}
.cntctfrm-dark-wrapper .cntctfrm_input select:focus {
  border-color: rgba(75, 226, 119, 0.5);
  outline: none;
  box-shadow: none;
}
.cntctfrm-dark-wrapper .cntctfrm_input select option {
  background-color: #222a3d;
  color: #dae2fd;
}