/* The Breeder Registry - Keeper/Breeder content switcher */
.registry-role-content[hidden] {
	display: none !important;
}

.registry-role-content.is-active {
	animation: br-role-reveal 180ms ease-out;
}

.registry-role-buttons {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 25px;
	margin-bottom: 35px;
}

.registry-role-button {
	background: var(--base-3, #ffffff) !important;
	color: var(--contrast, #2f2d2e) !important;
	border: 2px solid var(--contrast-3, #75B2AB) !important;
	border-radius: 25px !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.registry-role-button:hover,
.registry-role-button:focus,
.registry-role-button.is-active {
	background: var(--contrast-3, #75B2AB) !important;
	color: var(--base-3, #ffffff) !important;
}

.registry-role-content {
	margin-top: 20px;
}

@keyframes br-role-reveal {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.registry-role-content.is-active {
		animation: none;
	}
}

@media (max-width: 600px) {
	.registry-role-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.registry-role-button {
		text-align: center;
	}
}