/* ===== Payment Methods Directory — minimal extras on top of Bootstrap 5 ===== */

.npd {
	background: #fff;
	color: #1a2332;
}

.npd .input-group-text {
	background: #fff;
}

/* 5-column grid on xxl */
@media (min-width: 1400px) {
	.npd-grid > .col-xxl {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* Card thumbnail area */
.npd-card-thumb {
	aspect-ratio: 16 / 10;
	background: #f0f4f8;
}

.npd-card-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Card hover lift */
.npd-card {
	transition: box-shadow .2s ease, transform .2s ease;
}

.npd-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08) !important;
}

.npd-card .card-body {
	color: #1a2332;
}

/* Grid fade while loading */
.npd-grid {
	transition: opacity .25s ease;
}

/* Dropdown labels inside the multi-select */
.npd-dd .dropdown-item {
	cursor: pointer;
}

.npd-dd .dropdown-item:active {
	background: #f0f4f8;
	color: inherit;
}