/* Ana Spa Contact Form Styles */
:root{
  --as-font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --as-border: #E5E7EB; /* gray-200 */
  --as-placeholder: #9CA3AF; /* gray-400 */
  --as-text: #111827; /* gray-900 */
  --as-muted: #6B7280; /* gray-500 */
  --as-bg: #fff7ea; /* subtle warm bg optional */
  --as-white: #ffffff;
  --as-focus: #B98600; /* brand */
  --as-primary: #B98600; /* Button */
}

.ana-spa-form{font-family:var(--as-font); color:var(--as-text);}
.ana-spa-form *{box-sizing:border-box}

.ana-spa-form .ana-spa-form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:24px;
}

.ana-spa-form .ana-spa-field.full{grid-column: 1 / -1}

.ana-spa-form label{display:block; font-weight:600; margin:6px 0 8px;}
.ana-spa-form label span{color:#DC2626}

.ana-spa-form .input-wrap{position:relative}
.ana-spa-form .input-wrap.with-icon input,
.ana-spa-form .input-wrap.with-icon textarea{padding-left:44px}
.ana-spa-form .input-wrap.textarea .icon{top:14px}
.ana-spa-form .icon{position:absolute; left:14px; top:50%; transform:translateY(-50%); display:inline-flex}

.ana-spa-form input[type="text"],
.ana-spa-form input[type="tel"],
.ana-spa-form input[type="email"],
.ana-spa-form input[type="date"],
.ana-spa-form input[type="time"],
.ana-spa-form select,
.ana-spa-form textarea{
  width:100%;
  border:1px solid var(--as-border);
  border-radius:12px;
  padding:14px 16px;
  background:#fff;
  outline:none;
  font-size:16px;
  color:var(--as-text);
}

.ana-spa-form textarea{min-height:120px; resize:vertical}

.ana-spa-form input::placeholder,
.ana-spa-form textarea::placeholder{color:var(--as-placeholder)}

.ana-spa-form input:focus,
.ana-spa-form select:focus,
.ana-spa-form textarea:focus{
  border-color: var(--as-focus);
  box-shadow: 0 0 0 3px rgba(185,134,0,0.15);
}

.ana-spa-actions{margin-top:20px}
.ana-spa-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%;
  background: var(--as-primary);
  color:#fff;
  font-weight:600;
  border:none;
  border-radius:10px;
  padding:14px 18px;
  cursor:pointer;
  transition: filter .2s ease;
}
.ana-spa-btn:hover{filter:brightness(0.95)}
.ana-spa-btn:disabled{opacity:.6; cursor:not-allowed}

.ana-spa-form .error{color:#DC2626; font-size:13px; margin-top:6px;}
.ana-spa-form .error:empty {
    display: none;
}

.ana-spa-form .error:not(:empty) {
    display: block;
    color: #DC2626;
    font-size: 13px;
    margin-top: 6px;
}
.ana-spa-form .ana-spa-form-message{margin-top:14px; font-weight:500}

/* Responsive */
@media (max-width: 768px){
  .ana-spa-form .ana-spa-form-grid{grid-template-columns: 1fr; gap:16px}
}