.hejhub-facilities-wrap,
.hejhub-single-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.hejhub-members-only {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	padding: 24px;
	text-align: center;
}

.hejhub-members-only-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}

.hejhub-filter-bar {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
}

.hejhub-filter-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.hejhub-filter-grid input,
.hejhub-filter-grid select {
	width: 100%;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	padding: 10px;
}

.hejhub-verified-check {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hejhub-filter-actions {
	display: flex;
	gap: 8px;
	margin-top: 12px;
}

.hejhub-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.hejhub-card,
.hejhub-single-card {
	background: #fff;
	border: 1px solid #e6e8ec;
	border-radius: 12px;
	padding: 16px;
}

.hejhub-card-logo,
.hejhub-single-logo {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e6e8ec;
	background: #fff;
}

.hejhub-card-logo img,
.hejhub-single-logo img,
.hejhub-member-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hejhub-location {
	color: #5f6b7a;
	font-size: 14px;
}

.hejhub-cert-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.hejhub-chip {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	background: #eef2f6;
}

.hejhub-chip-verified {
	background: #d1e7dd;
	color: #0f5132;
}

.hejhub-card-actions {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.hejhub-members-only-actions .hejhub-save-toggle.is-saved,
.hejhub-filter-actions .hejhub-save-toggle.is-saved,
.hejhub-card-actions .hejhub-save-toggle.is-saved,
.hejhub-single-actions .hejhub-save-toggle.is-saved {
	background: #166534;
	color: #fff;
	border-color: #166534;
}

.hejhub-pagination ul {
	display: flex;
	list-style: none;
	gap: 8px;
	padding: 0;
}

.hejhub-single-header {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 18px;
}

.hejhub-single-actions {
	display: flex;
	gap: 8px;
	align-items: center;
}

.hejhub-members-only-actions .button,
.hejhub-filter-actions .button,
.hejhub-card-actions .button,
.hejhub-single-actions .button {
	background: #334155;
	border-color: #334155;
	color: #fff;
	border-radius: 0;
	text-decoration: none;
}

.hejhub-members-only-actions a.button,
.hejhub-members-only-actions a.button:link,
.hejhub-members-only-actions a.button:visited,
.hejhub-filter-actions a.button,
.hejhub-filter-actions a.button:link,
.hejhub-filter-actions a.button:visited,
.hejhub-card-actions a.button,
.hejhub-card-actions a.button:link,
.hejhub-card-actions a.button:visited,
.hejhub-single-actions a.button,
.hejhub-single-actions a.button:link,
.hejhub-single-actions a.button:visited {
	text-decoration: none !important;
}

.hejhub-members-only-actions .button:hover,
.hejhub-members-only-actions .button:focus,
.hejhub-filter-actions .button:hover,
.hejhub-filter-actions .button:focus,
.hejhub-card-actions .button:hover,
.hejhub-card-actions .button:focus,
.hejhub-single-actions .button:hover,
.hejhub-single-actions .button:focus {
	background: #334155;
	border-color: #334155;
	color: #fff;
	opacity: 0.92;
	text-decoration: none;
}

.hejhub-members-only-actions a.button:hover,
.hejhub-members-only-actions a.button:focus,
.hejhub-filter-actions a.button:hover,
.hejhub-filter-actions a.button:focus,
.hejhub-card-actions a.button:hover,
.hejhub-card-actions a.button:focus,
.hejhub-single-actions a.button:hover,
.hejhub-single-actions a.button:focus {
	text-decoration: none !important;
}

.hejhub-save-toggle.is-saved:hover,
.hejhub-save-toggle.is-saved:focus {
	background: #166534;
	border-color: #166534;
	color: #fff;
	opacity: 0.92;
}

.hejhub-single-section {
	margin-top: 20px;
}

.hejhub-members-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.hejhub-member-card {
	border: 1px solid #e6e8ec;
	border-radius: 10px;
	padding: 12px;
}

.hejhub-member-card img {
	width: 56px;
	height: 56px;
	border-radius: 999px;
	margin-bottom: 8px;
}

@media (max-width: 991px) {
	.hejhub-cards-grid,
	.hejhub-members-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hejhub-filter-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.hejhub-cards-grid,
	.hejhub-members-grid,
	.hejhub-filter-grid {
		grid-template-columns: 1fr;
	}

	.hejhub-filter-actions,
	.hejhub-members-only-actions,
	.hejhub-card-actions {
		flex-direction: column;
	}

	.hejhub-single-header {
		flex-direction: column;
	}

	.hejhub-single-actions {
		width: 100%;
	}
}
