/* Tiramisu Toegang - formulieren en links */

.tta-form {
	max-width: 380px;
}

.tta-form p {
	margin: 0 0 1em;
}

.tta-form label {
	display: block;
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom: 0.3em;
	color: #495057;
}

/* Korte uitleg onder een label; stuurt naar bruikbare antwoorden. */
.tta-form .tta-hint {
	display: block;
	font-size: 0.85em;
	font-weight: 400;
	line-height: 1.4;
	margin: -0.15em 0 0.45em;
	color: #6c757d;
}

.tta-form input[type="text"],
.tta-form input[type="email"],
.tta-form input[type="password"],
.tta-form textarea {
	width: 100%;
	padding: 0.6em 0.75em;
	border: 1px solid #ced4da;
	border-radius: 6px;
	font-size: 1em;
	box-sizing: border-box;
	background: #fff;
	color: #1a1a1a;
}

.tta-button,
.tta-form input[type="submit"] {
	background: #e8590c;
	color: #fff;
	border: none;
	padding: 0.65em 1.4em;
	border-radius: 6px;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
}

.tta-button:hover,
.tta-form input[type="submit"]:hover {
	background: #d24d05;
}

.tta-links {
	margin-top: 0.75em;
	font-size: 0.9em;
	display: flex;
	flex-direction: column;
	gap: 0.4em;
	align-items: flex-start;
}

.tta-success {
	background: #e6f4ea;
	border: 1px solid #a3d9b1;
	color: #1a7f37;
	padding: 0.85em 1em;
	border-radius: 6px;
	margin-bottom: 1em;
}

.tta-error {
	background: #fdecec;
	border: 1px solid #f0a9a9;
	color: #8a2020;
	padding: 0.85em 1em;
	border-radius: 6px;
	margin-bottom: 1em;
}

.tta-note {
	color: #495057;
}

.tta-account-link {
	font-weight: 600;
}

@media (prefers-color-scheme: dark) {
	.tta-form label,
	.tta-note {
		color: #ced4da;
	}

	.tta-form .tta-hint {
		color: #adb5bd;
	}

	.tta-form input[type="text"],
	.tta-form input[type="email"],
	.tta-form input[type="password"],
	.tta-form textarea {
		background: #2b3035;
		border-color: #495057;
		color: #f1f3f5;
	}

	.tta-success {
		background: rgba(26, 127, 55, 0.15);
		border-color: #1a7f37;
		color: #7ee2a0;
	}

	.tta-error {
		background: rgba(138, 32, 32, 0.15);
		border-color: #8a2020;
		color: #f0a9a9;
	}
}