/* Softball portal — layered on top of customer.css. Keeps the Ruger Photo
   brand (warm paper, serif headings) but adds a touch of ballfield green and
   a softball-seam motif so parents instantly know they're in the right place. */
:root {
  --sb-green: #4f7a3a;
  --sb-green-deep: #3a5c2b;
  --sb-seam: #d24a35;
}

.sb-body { background: var(--bg); }

.topbar .sb-tag {
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase;
  color: #fff; background: var(--sb-green);
  padding: 0.3rem 0.7rem; border-radius: 999px;
}

.sb-main {
  max-width: 560px; margin: 0 auto; padding: 2rem 1.25rem 4rem;
}

.sb-card { position: relative; overflow: hidden; }

/* A single softball "seam" arc tucked in the top corner. */
.sb-stitch {
  position: absolute; top: -70px; right: -70px;
  width: 180px; height: 180px; border-radius: 50%;
  border: 3px dashed var(--sb-seam);
  opacity: 0.18; pointer-events: none;
}

.sb-lede { margin-bottom: 1.4rem; }

.sb-how ol {
  margin: 0.5rem 0 0; padding-left: 1.2rem;
  font-size: 0.92rem; color: var(--ink);
}
.sb-how li { margin: 0.25rem 0; }

.sb-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
}
@media (max-width: 420px) {
  .sb-row { grid-template-columns: 1fr; }
}

.sb-form { margin-top: 1.4rem; }

.sb-submit { width: 100%; margin-top: 0.4rem; }
.sb-submit:disabled { opacity: 0.6; cursor: progress; }

/* Honeypot — visually gone, still in the DOM for bots to trip on. */
.sb-hp {
  position: absolute !important; left: -9999px !important;
  width: 1px; height: 1px; opacity: 0;
}

.sb-success {
  background: #eef6e8; border: 1px solid #cfe3c0;
  border-left: 4px solid var(--sb-green);
  padding: 1.2rem 1.3rem; border-radius: 4px; margin-bottom: 1rem;
}
.sb-success h2 { color: var(--sb-green-deep); margin-bottom: 0.3rem; }
.sb-success p { margin: 0; }