/* Signup modal - two-column layout */

/* Page-scroll behavior: the modal layer itself scrolls when content overflows,
   not the modal-card or its body. Whole modal scrolls as one unit, like a page.
   We override Bulma's flex layout with display: block to dodge flex-overflow
   interactions that prevent reliable scrolling on smaller viewports. */
#signup-modal.modal.is-active {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#signup-modal .modal-card {
	width: 90vw;
	max-width: 1100px;
	max-height: none;
	overflow: visible;
	margin: 2rem auto;
}

#signup-modal .modal-card-body {
	overflow: visible;
}

#simple-signup {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5rem;
}

#simple-signup .form-section {
	margin-top: 0;
}

#simple-signup .signup-col-left,
#simple-signup .signup-col-right {
	flex: 1 1 0;
	min-width: 250px;
}

#simple-signup .signup-col-full {
	flex: 0 0 100%;
}

#simple-signup .signup-col-full .select,
#simple-signup .signup-col-full select {
	width: 100%;
}

@media screen and (max-width: 768px) {
	#signup-modal .modal-card {
		width: 95vw;
		max-width: none;
	}

	#simple-signup .signup-col-left,
	#simple-signup .signup-col-right {
		flex: 0 0 100%;
	}

	/* Center the footer buttons (Create Account / Cancel) on narrow screens —
	   Bulma defaults to flex-start (left-aligned), which feels off-balance on
	   mobile where there's no two-column layout to anchor against. */
	#signup-modal .modal-card-foot {
		justify-content: center;
	}
}