/* ===== Ward Knowledge Doors ===== */
.ward-knowledge-doors { padding: 70px 0; }
.ward-doors-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding-bottom: 10px;
}
.ward-doors-track::-webkit-scrollbar { height: 6px; }
.ward-doors-track::-webkit-scrollbar-thumb { background: var(--ward-gold); border-radius: 10px; }

.ward-door-card {
	position: relative;
	flex: 0 0 190px;
	height: 260px;
	border-radius: var(--ward-radius);
	overflow: hidden;
	background: var(--door-color, var(--ward-navy));
	display: block;
	transition: transform .3s ease;
}
.ward-door-card:hover { transform: translateY(-6px); }
.ward-door-image { position: absolute; inset: 0; }
.ward-door-image img { width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.ward-door-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(to top, var(--door-color, var(--ward-navy)) 15%, transparent 70%);
}
.ward-door-content { position: absolute; bottom: 18px; right: 18px; left: 18px; color: #fff; }
.ward-door-content h3 { font-size: 17px; margin-bottom: 4px; }
.ward-door-content span { font-size: 13px; opacity: .85; }

.ward-doors-arrows { display: flex; justify-content: center; gap: 12px; margin-top: 24px; }
.ward-doors-prev, .ward-doors-next {
	width: 40px; height: 40px; border-radius: 50%;
	border: 1px solid #ddd; background: #fff; color: var(--ward-navy);
	font-size: 20px; cursor: pointer; transition: all .2s ease;
}
.ward-doors-prev:hover, .ward-doors-next:hover { background: var(--ward-navy); color: #fff; border-color: var(--ward-navy); }

@media (max-width: 600px) {
	.ward-door-card { flex: 0 0 150px; height: 210px; }
}