/* The email-only gig-alert popup: partials/_gig_alert_popup.html,
   js/gig_alert_popup.js. Built on the signup prompt's .sp shell
   (signup_prompt.css) so the two read as one thing; this file is only the
   one-line form. */

.gp-card { padding-bottom: 1rem; }

.gp-row {
    display: flex;
    gap: 0.5rem;
    margin: 0.9rem 0 0;
}

.gp-input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--sp-line);
    border-radius: 6px;
    background: #0a0a0a;
    color: #fff;
    font: 500 0.95rem var(--sp-font);
}
.gp-input::placeholder { color: #666; }
.gp-input:focus-visible { outline: 2px solid var(--sp-red-soft); outline-offset: 1px; }

.gp-submit {
    flex: none;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 6px;
    background: var(--sp-red);
    color: #fff;
    font: 700 0.9rem var(--sp-font);
    cursor: pointer;
}
.gp-submit:hover { background: #d51007; }
.gp-submit:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.gp-submit[disabled] { opacity: 0.6; cursor: default; }

.gp-error {
    margin: 0.6rem 0 0;
    color: #ff7b7b;
    font-size: 0.82rem;
}

.gp-back { margin-top: 0.4rem; border: 0; width: 100%; cursor: pointer; }

/* The honeypot: off-screen, not display:none, so a bot that fills every
   field it can find still finds this one. */
.gp-trap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.gp-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 420px) {
    .gp-row { flex-direction: column; }
}