@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

.wingit-contact{
  --wg-bg:#f5f0e4;
  --wg-panel:#f4efe3;
  --wg-border:#e5c67d;
  --wg-text:#5b4100;
  --wg-text-soft:#6b5a2d;
  --wg-input:#f7f7f7;
  --wg-orange1:#ff9500;
  --wg-orange2:#ff6a00;
  font-family:'Inter',sans-serif;
  color:var(--wg-text);
}

.wingit-contact-form{
  background:var(--wg-panel);
  border:1px solid var(--wg-border);
  border-radius:24px;
  padding:28px;
}

.wingit-form-title{
  margin:0 0 22px;
  font-family:'Oswald',sans-serif;
  font-size:48px;
  line-height:1;
  letter-spacing:.6px;
  color:var(--wg-text);
  text-transform:uppercase;
}

.wingit-grid.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.wingit-field{ margin-bottom:18px; }

.wingit-field label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  font-size:15px;
  font-weight:800;
  color:var(--wg-text);
}

.wingit-field .required{ color:#d6402b; }
.wingit-field .optional{ color:var(--wg-text-soft); font-weight:700; }
.wingit-icon{ font-size:15px; line-height:1; }

.wingit-contact input[type="text"],
.wingit-contact input[type="email"],
.wingit-contact input[type="tel"],
.wingit-contact textarea{
  width:100%;
  border:1px solid var(--wg-border);
  border-radius:16px;
  background:var(--wg-input);
  padding:16px 16px;
  color:#44371a;
  font-size:17px;
  line-height:1.3;
  box-sizing:border-box;
}

.wingit-contact input::placeholder,
.wingit-contact textarea::placeholder{ color:#b79c64; }

.wingit-contact textarea{
  min-height:250px;
  resize:vertical;
}

.wingit-contact input[name="first_name"],
.wingit-contact input[name="last_name"]{
  text-transform:capitalize;
}

.wingit-options{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.wingit-options input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.wingit-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  border-radius:16px;
  border:1px solid var(--wg-border);
  background:#f7f7f7;
  color:#5c4a1f;
  font-weight:800;
  text-align:center;
  padding:10px 12px;
  cursor:pointer;
  transition:all .2s ease;
}

.wingit-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(255,122,0,.12);
}

.wingit-options input[type="radio"]:checked + .wingit-pill{
  background:linear-gradient(135deg,var(--wg-orange1),var(--wg-orange2));
  color:#1f1400;
  border-color:#ff8300;
  box-shadow:0 10px 22px rgba(255,122,0,.22);
}

.wingit-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.wingit-submit{
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--wg-orange1),var(--wg-orange2));
  color:#1e1400;
  font-weight:800;
  font-size:24px;
  font-family:'Oswald',sans-serif;
  letter-spacing:.4px;
  padding:16px 28px;
  min-width:180px;
  cursor:pointer;
  transition:all .2s ease;
}
.wingit-submit:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(255,122,0,.24); }
.wingit-submit:disabled{ opacity:.7; cursor:not-allowed; }

.wingit-form-response{
  font-size:15px;
  font-weight:700;
}
.wingit-form-response.error{ color:#c53929; }
.wingit-form-response.success{ color:#3b6e00; }

@media (max-width: 1024px){
  .wingit-options{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 767px){
  .wingit-contact-form{ padding:18px; border-radius:18px; }
  .wingit-form-title{ font-size:34px; }
  .wingit-grid.two-col, .wingit-options{ grid-template-columns:1fr; }
  .wingit-contact textarea{ min-height:180px; }
  .wingit-submit{ width:100%; font-size:22px; }
}