/*
 * Author: Robert Breutzmann
 * Blue Team - Robert Breutzmann, Miguel Fernandez, Carolina Rodriguez, Sara White
 * Primary Author/Owner - Robert Breutzmann
 * CSD 460 - Capstone Project - Marina Website Project
 * Registration Page styles. Depends on site.css being linked first.
 *
 * Only Registration's own layout lives here, and no other page loads this
 * file. The form layout the shared cards are built on (.form-column,
 * .column-heading, .form-row-split, .submit-row ...) is in site.css, so a
 * change here can't move Your Account, Book a Slip or My Fleet. The page
 * width comes from .page-column--wide in site.css, not from a rule on
 * bare `main`.
 */

/* ==========================================================================
   Registration form layout - two columns
   ========================================================================== */

.registration-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.required-note {
    grid-column: 1 / -1;
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
    color: var(--color-text-muted);
}

@media (max-width: 56rem) {
	.registration-form {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* Password column */

.password-fields {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.boat-next-step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
}

.boat-next-step p {
    margin: 0;
    font-size: 0.9rem;
    color: var(--color-text-body);
}

.login-link {
    font-size: 0.9rem;
    color: var(--color-text-body);
}