/* ═══════════════════════════════════════════════════════════════════
   EatEasy Register Page — additional styles
   Loaded after login.css which provides base header/footer/form styles
═══════════════════════════════════════════════════════════════════ */

/* Wider card for the longer registration form */
.reg-main { align-items: flex-start; }
.reg-card  { max-width: 620px; }

/* Two-column field row */
.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
}
@media (max-width: 520px) {
    .form-row-2 { grid-template-columns: 1fr; }
}

/* Select input */
.form-select {
    display: block;
    width: 100%;
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-sm);
    padding: .65rem .85rem;
    font-family: var(--font-body);
    font-size: .975rem;
    color: var(--clr-text);
    background: var(--clr-surface-2);
    outline: none;
    transition: border-color .2s;
    cursor: pointer;
}
.form-select:focus { border-color: var(--clr-accent); box-shadow: 0 0 0 3px rgba(58,107,196,.12); }

/* Required field asterisk */
.req { color: #991b1b; font-weight: 700; }

/* Password hint */
.form-hint { font-size: .8rem; color: var(--clr-text-muted); margin-top: -.5rem; margin-bottom: 1rem; }