/* ============================================================
   RJR WORLDWIDE — Shared inquiry-form styles
   Used by the contact page and the chemical landing-page forms.
   ============================================================ */

/* Form shell */
.form-card{padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(15,39,66,.6),rgba(11,27,46,.5))}
@media(max-width:560px){.form-card{padding:26px}}
.form-group{margin-bottom:24px}
.form-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ice-dim);margin-bottom:10px}
.form-label .req{color:var(--cyan)}
.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;background:rgba(6,16,29,.6);
  border:1px solid var(--line);border-radius:11px;color:var(--ice);font-family:var(--font-body);font-size:.95rem;transition:border-color .25s,box-shadow .25s}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);background:rgba(6,16,29,.85)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--ice-faint)}
.form-textarea{resize:vertical;min-height:120px}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2322D3EE' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:560px){.form-row{grid-template-columns:1fr}}

/* Chip selectors */
.chip-row{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:11px 18px;border:1px solid var(--line);border-radius:100px;font-size:.86rem;cursor:pointer;
  transition:.25s;user-select:none;color:var(--ice-dim);background:rgba(255,255,255,.02)}
.chip:hover{border-color:var(--line-bright);color:var(--ice)}
.chip.on{background:rgba(34,211,238,.15);border-color:var(--cyan);color:var(--cyan-soft)}
.chip.warm.on{background:rgba(233,162,75,.15);border-color:var(--copper);color:var(--copper-soft)}

/* Consent / checkbox rows */
.check-row{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(6,16,29,.4);margin-bottom:16px;cursor:pointer;transition:.25s}
.check-row:hover{border-color:var(--line-bright)}
.check-row input{margin-top:3px;accent-color:var(--cyan);width:18px;height:18px;flex-shrink:0}
.check-row .ct{font-size:.88rem;color:var(--ice-dim)}
.check-row .ct b{color:var(--ice);font-family:var(--font-body)}
.check-row .ct .sms-fine{display:block;margin-top:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--ice-faint);line-height:1.5}

/* Notes / alt contact */
.form-note{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.76rem;color:var(--ice-dim);margin-top:8px}
.form-note .dot{width:8px;height:8px;border-radius:50%;background:#6EE7B7;box-shadow:0 0 0 4px rgba(110,231,183,.15)}
.form-alt{text-align:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);
  font-size:.9rem;color:var(--ice-dim)}
.form-alt a{color:var(--cyan-soft);text-decoration:none;border-bottom:1px solid transparent;transition:.2s}
.form-alt a:hover{border-bottom-color:var(--cyan-soft)}

/* Toast */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(120px);
  background:rgba(12,28,46,.97);border:1px solid var(--cyan);border-radius:14px;padding:18px 26px;
  display:flex;align-items:center;gap:14px;z-index:200;transition:.5s var(--ease);box-shadow:var(--shadow-lg);max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast .ic{width:34px;height:34px;border-radius:50%;background:rgba(34,211,238,.15);display:grid;place-items:center;flex-shrink:0}
.toast b{display:block;font-family:var(--font-body)}
.toast span{font-size:.86rem;color:var(--ice-dim)}

/* Validation + submission states */
.field-error.form-input,.field-error.form-select,.field-error.form-textarea{
  border-color:#ff6b6b !important;box-shadow:0 0 0 3px rgba(255,107,107,.12)}
.chip-row.field-error{outline:1px dashed rgba(255,107,107,.5);outline-offset:6px;border-radius:12px}
.check-row.field-error .ct{color:#ff9b9b}
.check-row.field-error{border-color:rgba(255,107,107,.5)}
.err-msg{display:block;color:#ff8b8b;font-size:.76rem;margin-top:6px;font-family:var(--font-mono)}
#submit{transition:.3s var(--ease);position:relative}
#submit.loading{pointer-events:none;opacity:.85}
#submit.loading span{opacity:0}
#submit.loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;
  border:2px solid rgba(6,16,29,.3);border-top-color:var(--ink);
  left:50%;top:50%;margin:-10px 0 0 -10px;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#submit.done{background:linear-gradient(135deg,#22D3EE,#67E8F9)}
.toast.toast-error{border-color:rgba(255,107,107,.5)}
.toast.toast-error .ic{background:rgba(255,107,107,.15)}
.toast.toast-error .ic svg path{stroke:#ff8b8b}

/* Quote section framing on landing pages */
.quote-sec{position:relative}
.quote-sec .form-head{max-width:640px;margin-bottom:30px}