/* Contact form for bidnow's /contact/ page -- AuctionForge's "Make an Inquiry"
   button on every lot page redirects here with a ?bp-inquiry= query param
   naming the exact lot. Adapted from gunslinger.css's .gs-form (main site),
   not copied verbatim -- bidnow's tokens don't flip for light mode (see the
   comment in header.css), so this uses the same explicit-override pattern
   already established in legal-content.css rather than the tokens alone. */

.gs-form { max-width: 640px; margin: 2.5rem auto; padding-inline: clamp(1rem, 4vw, 2rem); display: flex; flex-direction: column; gap: 1.5rem; }
.gs-form__intro { font-family: var(--font-body); color: var(--muted); line-height: 1.7; margin-bottom: 0.5rem; }
.gs-form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.gs-form__field { display: flex; flex-direction: column; gap: 0.375rem; }
.gs-form label {
  font-family: var(--font-condensed);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.gs-form input,
.gs-form select,
.gs-form textarea {
  background: var(--panel);
  border: 1px solid #4a4d57;
  border-radius: var(--radius-sm);
  color: var(--white);
  padding: 0.625rem 0.875rem;
  font-family: var(--font-body);
  font-size: 0.95rem;
  width: 100%;
  transition: border-color 0.15s, outline-color 0.15s;
}
.gs-form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  padding-right: 2.25rem;
}
.gs-form input:focus,
.gs-form select:focus,
.gs-form textarea:focus {
  outline: 2px solid var(--crimson-lit);
  outline-offset: 2px;
  border-color: var(--crimson-lit);
}
.gs-form textarea { min-height: 8rem; resize: vertical; }
.gs-form input[readonly],
.gs-form textarea[readonly] { cursor: default; opacity: 0.75; }
.gs-form input[readonly]:focus,
.gs-form textarea[readonly]:focus { outline: none; border-color: #4a4d57; }
#gsb_contact_lot_context { min-height: 0; resize: none; line-height: 1.4; }
.gs-form__honeypot { display: none !important; visibility: hidden; }
.gs-form__submit { align-self: flex-start; }
.gs-form .gs-btn {
  display: inline-block;
  font-family: var(--font-condensed);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: var(--white);
  background: var(--crimson);
  border: none;
  border-radius: var(--radius-sm);
  padding: 0.75rem 1.75rem;
  cursor: pointer;
}
.gs-form .gs-btn:hover { background: var(--crimson-mid); }
.gs-form__notice { padding: 1rem 1.25rem; border-radius: var(--radius-sm); font-size: 0.95rem; line-height: 1.6; }
.gs-form__notice--success { background: rgba(40, 167, 69, 0.12); border-left: 3px solid #28a745; color: var(--white); }
.gs-form__notice--error { background: rgba(176, 35, 24, 0.12); border-left: 3px solid var(--crimson); color: var(--white); }

/* Explicit light-mode overrides -- see header.css / legal-content.css for
   why this can't rely on the tokens flipping in this theme. */
[data-theme="light"] .gs-form__intro { color: #4d4740; }
[data-theme="light"] .gs-form label { color: #4d4740; }
[data-theme="light"] .gs-form input,
[data-theme="light"] .gs-form select,
[data-theme="light"] .gs-form textarea { background: #ffffff; color: #1a1814; border-color: #c9c2b6; }
[data-theme="light"] .gs-form .gs-btn { color: #f4f1ec; }
[data-theme="light"] .gs-form__notice--success { color: #1a1814; }
[data-theme="light"] .gs-form__notice--error { color: #1a1814; }