/* ฟอร์มเก็บข้อมูลลูกค้า — ท้ายเว็บ และในแต่ละโปรแกรม */

.lead-newsletter{
  margin:0 0 28px;
  padding:22px 22px 18px;
  border:1px solid rgba(216,182,115,.45);
  border-radius:var(--radius-md);
  background:rgba(10,26,34,.28);
}
.lead-newsletter h3{
  color:#fff;
  font-size:1.35rem;
  margin:0 0 6px;
}
.lead-newsletter p{
  margin:0;
  color:rgba(245,239,227,.72);
  font-size:.9rem;
}
.lead-kicker{
  margin:0 0 6px;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold-400);
  font-weight:600;
}
.lead-newsletter-row{
  display:flex;
  gap:10px;
  margin-top:14px;
  align-items:stretch;
}
.lead-newsletter-row input{
  flex:1;
  min-width:0;
}

.lead-form input,
.lead-form textarea{
  width:100%;
  padding:12px 14px;
  border-radius:var(--radius-sm);
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink-text);
  font-family:var(--font-body);
  font-size:1rem;
}
.lead-form textarea{
  min-height:96px;
  resize:vertical;
}
.lead-form input:focus,
.lead-form textarea:focus{
  outline:2px solid var(--gold-400);
  outline-offset:1px;
}
.lead-form button[type="submit"]{
  border:0;
  cursor:pointer;
  border-radius:999px;
  padding:12px 18px;
  background:var(--gold-500);
  color:var(--ink-950);
  font-family:var(--font-body);
  font-weight:700;
  font-size:.92rem;
  white-space:nowrap;
}
.lead-form button[type="submit"]:hover{background:var(--gold-400)}
.lead-form button[type="submit"]:disabled{opacity:.6;cursor:wait}
.lead-form-error,
.lead-form-success{
  margin:10px 0 0;
  font-size:.88rem;
}
.lead-form-error{color:#F0B4AC}
.lead-newsletter .lead-form-success{color:#C9E7D4}
.lead-inquiry .lead-form-error{color:var(--danger)}
.lead-inquiry .lead-form-success{color:var(--success)}

.lead-inquiry-wrap{
  margin-top:8px;
  border-top:1px solid var(--line);
  padding-top:12px;
}
.lead-inquiry-wrap summary{
  cursor:pointer;
  list-style:none;
  font-weight:700;
  font-size:.9rem;
  color:var(--ink-800);
}
.lead-inquiry-wrap summary::-webkit-details-marker{display:none}
.lead-inquiry-wrap summary::before{
  content:"＋ ";
  color:var(--gold-600);
}
.lead-inquiry-wrap[open] summary::before{content:"– "}
.lead-inquiry{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.lead-inquiry label{
  display:grid;
  gap:4px;
  font-size:.78rem;
  font-weight:600;
  color:var(--muted-text);
}
.lead-inquiry button[type="submit"]{justify-self:start}

@media (max-width:640px){
  .lead-newsletter-row{flex-direction:column}
  .lead-form button[type="submit"]{width:100%}
  .lead-inquiry button[type="submit"]{justify-self:stretch}
}