/**
 * Member Perks Directory Block Styles
 *
 * This block uses .calgary-chamber-member-directory on the wrapper to inherit
 * all card, filter, grid, and pagination styles from member-directory.css.
 * Only perks-specific overrides are defined here.
 *
 * @package Calgary_Chamber
 */

/* Kill the search-box bottom margin inherited from member-directory.css */
.calgary-chamber-member-perks-directory .search-box {
	margin-bottom: 0 !important;
}

.calgary-chamber-member-perks-directory .member-directory-filters__search {
	margin-bottom: 0 !important;
}

/* Desktop: search + category in one row, both shrink proportionally */
@media (min-width: 769px) {
	.calgary-chamber-member-perks-directory .member-directory-filters {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 1rem !important;
	}

	.calgary-chamber-member-perks-directory .member-directory-filters__search {
		flex: 1 1 0% !important;
		min-width: 200px !important;
	}

	.calgary-chamber-member-perks-directory .member-directory-filters__taxonomies {
		display: flex !important;
		flex: 1 1 0% !important;
		min-width: 200px !important;
		margin-bottom: 0 !important;
		gap: 0 !important;
	}

	.calgary-chamber-member-perks-directory .filter-dropdown {
		width: 100% !important;
	}

	.calgary-chamber-member-perks-directory .member-directory-filters__controls {
		width: 100% !important;
	}
}

/* Empty state: full width, centered text */
.calgary-chamber-member-perks-directory .member-directory-empty {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	text-align: center !important;
}

/* Mobile: stack vertically */
@media (max-width: 768px) {
	.calgary-chamber-member-perks-directory .member-directory-filters__taxonomies {
		grid-template-columns: 1fr !important;
	}
}

/* Member name subtitle under perk title */
.calgary-chamber-member-perks-directory .member-card__member-name {
	font-size: 0.85rem !important;
	color: #6b7280 !important;
	margin: 0 0 0.75rem 0 !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

.calgary-chamber-member-perks-directory .member-card__member-name a {
	color: var(--chamber-secondary) !important;
	text-decoration: none !important;
}

.calgary-chamber-member-perks-directory .member-card__member-name a:hover {
	text-decoration: underline !important;
}