/* 🟣 Bootstrap override voor jouw .knop-stijl */
.btn-primary {
	background-color: #8e004f;
	border-color: #8e004f;
}

.btn-primary:hover {
	background-color: #a2005f;
	border-color: #a2005f;
	box-shadow: 0 0 10px #e1007a;
}

/* 💗 Extra kleurenmatch voor .alert-success en .alert-danger */
.alert-success {
	background-color: #5EA91A;
	color: #fff;
	border: none;
}

.alert-danger {
	background-color: #D92626;
	color: #fff;
	border: none;
}

/* 🪟 Modal customization */
.modal-content {
	border: 2px solid #e1007a;
	border-radius: 0;
}

/* 🧩 Uniform font */
body, .form-control, .form-select, .btn {
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
}

/* 👁️ Glow on hover buttons */
.btn:hover {
	box-shadow: 0 0 10px #e1007a;
}

/* 🌐 Navbar active & hover states */
.navbar .nav-link.active {
	color: #e1007a !important;
	font-weight: bold;
	border-bottom: 2px solid #e1007a;
}

.navbar .nav-link:hover {
	color: #8e004f;
}

/* 📐 Navbar logo */
.navbar-brand img {
	max-height: 50px;
}

/* 📱 Mobile spacing submenu */
@media (max-width: 991px) {
	.navbar .nav-item {
		margin-bottom: 0.25rem;
	}
}

/* 🧭 Submenu tuning */
.bg-light .nav-link {
	font-size: 12px;
	padding: 0.25rem 0.75rem;
}

.bg-light .nav-link.active {
	background-color: #fdf0f7;
	border-radius: 3px;
}

/* Submenu onder navbar wat lucht geven */
.navbar + .bg-light {
	margin-top: -1px;
}

/* 🦶 Footer stijl */
.footer {
	margin-top: auto;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

/* 🎨 Custom kleur */
.bg-magenta {
	background-color: #e1007a !important;
	color: #fff;
}

/* 🧱 Layout hoogte fix */
html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}
.text-magenta {
	color: #e1007a;
}

/* 📐 Container breedte en uitlijning */
.home {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem;
}

/* 🧩 Uitschakelen centrering als nodig */
.home.no-center {
	margin: 0;
	max-width: 100%;
	padding: 0 1rem;
}