/**
 * Tenant Directory Styles
 */

/* Center the Find a Tenant title and description across the full page width */
#primary.site-main .hp-container > header.page-header.pts-directory-page-header,
.hp-container > header.pts-directory-page-header,
header.pts-directory-page-header {
	display: flex !important;
	flex-direction: column;
	align-items: center !important;
	justify-content: center;
	width: 100% !important;
	max-width: 100%;
	text-align: center !important;
	margin: 0 0 1.5rem;
	float: none !important;
}

#primary.site-main .hp-container > header.pts-directory-page-header h1,
header.pts-directory-page-header h1 {
	display: block;
	width: 100%;
	text-align: center !important;
	margin: 0 0 0.5rem;
}

#primary.site-main .hp-container > header.pts-directory-page-header p,
header.pts-directory-page-header p {
	display: block;
	width: 100%;
	text-align: center !important;
	margin: 0 auto;
}

/* Tenant Card Styles - match regular listings fonts and colors */
.pts-tenant-card {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
	transition: transform 0.25s, box-shadow 0.25s;
	font-family: 'Barlow', sans-serif;
}

.pts-tenant-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 5px 30px rgba(7, 36, 86, 0.15);
}

.pts-tenant-card .hp-listing__image {
	position: relative;
	width: 100%;
	height: 220px;
	padding-bottom: 0;
	overflow: hidden;
	background: #f5f5f5;
}

.pts-tenant-card .hp-listing__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.pts-tenant-card:hover .hp-listing__image img {
	transform: scale(1.05);
}

.site-container {
	overflow: visible !important;
  }

.pts-tenant-card .hp-listing__image a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Category Badge Overlay */
.pts-tenant-card__category-badge {
	position: absolute;
	bottom: 12px;
	left: 12px;
	text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6875rem;
  color: #fff;
  transition: color 0.25s, background-color 0.25s;
  border-radius: 9999px;
  padding: 0.375rem 0.75rem;
  background-color: rgba(255, 255, 255, 0.35);
}
.pts-tenant-card__category-badge:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

/* Card Content */
.pts-tenant-card .hp-listing__content {
	padding: 1rem 1.15rem 1.15rem;
}

/* Card Header with Title and Badge */
.pts-tenant-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.pts-tenant-card .hp-listing__title {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	flex: 1;
	min-width: 0; /* Allow title to shrink if needed */
	font-family: 'Barlow', sans-serif;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem 0.45rem;
}

.pts-tenant-card .hp-listing__title .pts-listing-verified-badge-image,
.pts-tenant-card .hp-listing__title .pts-secure-payer-badge-image {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	object-fit: contain;
}

.pts-tenant-card .hp-listing__title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s ease;
	font-family: 'Barlow', sans-serif;
}

.pts-tenant-card .hp-listing__title a:hover {
	color: #0073aa;
}

.pts-tenant-card .hp-listing__meta {
	margin: 0 0 8px 0;
	color: #666;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: 'Barlow', sans-serif;
	font-weight: normal;
}

.pts-tenant-card .hp-listing__meta .hp-icon {
	color: #28a745;
}

/* Period display styling */
.pts-tenant-card__period {
	margin: 0 0 8px 0;
	color: #555;
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.pts-tenant-card__period .pts-period-icon {
	flex-shrink: 0;
	color: #28a745;
	width: 18px;
	height: 18px;
	
  }

.pts-tenant-card__period .pts-period-text {
	font-weight: 400;
	line-height: 1.4;
	font-size: 15px;
}

.pts-tenant-card .hp-listing__description {
	display: none;
}

/* Budget Range Display */
.pts-tenant-card__budget {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #f0f0f0;
}

.pts-budget-value {
	color: #28a745;
	font-weight: 500;
	font-size: 1.125rem;
	font-family: 'Sen', sans-serif;
}

/* Colorful backgrounds for tenant listings - match regular listings pattern */
/* Target direct children of the grid (tenant cards) */
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1)  {
	background-color: #D3784D !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2)  {
	background-color: #4B7A70 !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3)  {
	background-color: #3E543B !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4)  {
	background-color: #E59100 !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5)  {
	background-color: #A42B5B !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6)  {
	background-color: #523B54 !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7)  {
	background-color: #EC5017 !important;
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) ,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8)  {
	background-color: #512B39 !important;
	color: #fff !important;
}

/* Update text colors for colorful backgrounds */
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .hp-listing__title a,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .hp-listing__title a {
	color: #fff !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .hp-listing__meta,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .hp-listing__meta {
	color: rgba(255, 255, 255, 0.9) !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .hp-listing__meta .hp-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .hp-listing__meta .hp-icon {
	color: rgba(255, 255, 255, 0.9) !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .pts-period-text,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .pts-period-text {
	color: rgba(255, 255, 255, 0.9) !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .pts-period-icon,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .pts-period-icon {
	color: rgba(255, 255, 255, 0.9) !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .pts-budget-value,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .pts-budget-value {
	color: rgba(255, 255, 255, 0.95) !important;
}

.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 1) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 2) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 3) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 4) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 5) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 6) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 7) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > .pts-tenant-card:nth-child(8n + 8) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 1) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 2) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 3) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 4) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 5) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 6) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 7) .pts-tenant-card__budget,
.hp-listings--grid.pts-tenant-directory > article.pts-tenant-card:nth-child(8n + 8) .pts-tenant-card__budget {
	border-top-color: rgba(255, 255, 255, 0.2) !important;
}

/* Grid Layout — match regular listing card footprint (≈3–4 across). */
.hp-listings--grid.pts-tenant-directory {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	.hp-listings--grid.pts-tenant-directory {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 14px;
	}

	.pts-tenant-card .hp-listing__image {
		height: 180px;
	}
}

/* Shortcode / homepage grid cards — same compact image height. */
.pts-tenant-listings .pts-tenant-card .hp-listing__image,
.hp-grid .pts-tenant-card .hp-listing__image {
	height: 220px;
	padding-bottom: 0;
}

/*
 * Homepage [pts_tenant_listings] carousel — same colour rotation as Find a Tenant.
 * Cards sit inside .hp-grid__item (not as direct grid children).
 */
.pts-tenant-listings .hp-grid__item:nth-child(8n + 1) .pts-tenant-card { background-color: #D3784D !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 2) .pts-tenant-card { background-color: #4B7A70 !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 3) .pts-tenant-card { background-color: #3E543B !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 4) .pts-tenant-card { background-color: #E59100 !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 5) .pts-tenant-card { background-color: #A42B5B !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 6) .pts-tenant-card { background-color: #523B54 !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 7) .pts-tenant-card { background-color: #EC5017 !important; color: #fff !important; }
.pts-tenant-listings .hp-grid__item:nth-child(8n + 8) .pts-tenant-card { background-color: #512B39 !important; color: #fff !important; }

.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .hp-listing__title a,
.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .pts-budget-value {
	color: #fff !important;
}

.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .hp-listing__meta,
.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .hp-listing__meta .hp-icon,
.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .pts-period-text,
.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .pts-period-icon {
	color: rgba(255, 255, 255, 0.9) !important;
}

.pts-tenant-listings .hp-grid__item:nth-child(n) .pts-tenant-card .pts-tenant-card__budget {
	border-top-color: rgba(255, 255, 255, 0.2) !important;
}

/* Directory Layout */
/* Ensure parent containers don't interfere with sticky positioning */
#primary.site-main {
	overflow: visible !important;
}

.hp-container {
	overflow: visible !important;
}

.pts-tenant-directory-layout {
	display: flex;
	gap: 24px;
	margin-top: 30px;
	align-items: flex-start;
	position: relative;
	min-height: 100vh;
}

/* Left Sidebar */
.pts-directory-sidebar {
	flex: 0 0 25%;
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	z-index: 10;
	align-self: flex-start;
}

.pts-sidebar-filters {
	margin: 0;
}

.pts-filter-section {
	margin-bottom: 24px;
}

.pts-filter-section:last-of-type {
	margin-bottom: 0;
}

.pts-filter-section__title {
	text-transform: uppercase;
  	letter-spacing: 1px;
	font-size: 0.675rem;
	font-weight: 400;
	color: rgba(15,23,39,.65);
  	line-height: 1.5;
	margin: 0 0 .5rem 0 !important;
	padding-bottom: 0px !important;
	/* border-bottom: 1px solid #e0e0e0; */
	font-family: Inter, sans-serif;
}

.pts-filter-field {
	margin-bottom: 12px;
}

.pts-filter-select,
.pts-filter-input {
	width: 100%;
	padding: 10px 12px;
	border-bottom: 2px solid rgba(7,36,86,.075) !important;
	outline: none;
	border-radius: 0px;
	background: #fff;
	font-family: inherit;
  	color: #333;
  	font-size: 1rem;
	box-shadow: none !important;
}

.pts-filter-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 35px;
}

.pts-filter-select:focus,
.pts-filter-input:focus {
	outline: none;
	border-color: #0073aa;
	box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

/* Number range slider layout for tenant attribute filters */
/* Reuse parent theme's .hp-range-slider styles - HivePress handles initialization via data-component="range-slider" */
.pts-range-filter.hp-field--number-range .hp-field--number {
	/* Ensure inputs use the filter input styling */
	width: auto;
}

.pts-filter-actions {
	margin-top: 20px;
	padding-top: 20px;
	
}

.pts-filter-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pts-filter-button {
	width: 100%;
	background: #28a745;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 1.125rem !important;
  padding: .75rem 1.25rem !important;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.pts-filter-button:hover {
	background: #218838;
}

.pts-clear-filters-button {
	width: 100%;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.pts-clear-filters-button:hover {
	background: #f5f5f5;
	border-color: #bbb;
	color: #333;
	text-decoration: none;
}

.pts-reset-filters-button {
	width: 100%;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
}

.pts-reset-filters-button:hover {
	background: #f5f5f5;
	border-color: #bbb;
	color: #333;
}

/* Right Main Content */
.pts-directory-content {
	flex: 1;
	min-width: 0;
}

.pts-results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
	margin-top: 1.5rem;
	flex-wrap: wrap;
	gap: 16px;
	position: relative;
	z-index: 1;
}

.pts-results-count {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.6875rem;
	color: rgba(15,23,39,.45);
	font-family: 'Barlow', sans-serif;
}

.pts-results-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.pts-show-map-button {
	display: flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	color: #666;
	font-size: 14px;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.pts-show-map-button:hover {
	color: #333;
	background: #f5f5f5;
}

.pts-show-map-button i {
	font-size: 16px;
}

.pts-sort-by {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.6875rem;
	color: rgba(15,23,39,.65);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Barlow', sans-serif;
}

.pts-sort-by-label {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: 'Barlow', sans-serif;
}

.pts-sort-by-select {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	cursor: pointer;
	padding: 8px 32px 8px 12px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	min-width: 150px;
}

.pts-sort-by-select:hover {
	border-color: #ccc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.pts-sort-by-select:focus {
	outline: none;
	border-color: #0073aa;
	box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

/* Style dropdown options */
.pts-sort-by-select option {
	padding: 8px 12px;
	background: #fff;
	color: #333;
}

.pts-sort-by-select option:checked {
	background: #0073aa;
	color: #fff;
}

.pts-no-results {
	padding: 40px 20px;
	text-align: center;
	color: #666;
}

/* Map Container - match regular listings */
.pts-map-container.hp-map {
	margin-bottom: 0;
	margin-top: 0;
	border-radius: 8px;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e0e0;
	position: relative;
	width: 100%;
	height: 357px;
	background: #f5f5f5;
	min-height: 0;
	transition: none; /* Prevent CSS transitions from interfering with jQuery animation */
	z-index: 0;
}

/* Ensure Google Maps controls are visible */
.pts-map-container.hp-map .gm-style {
	font-family: inherit;
}

.pts-map-container.hp-map .gm-style-cc {
	font-size: 11px;
}

/* Map marker styling */
.pts-map-container.hp-map img[src*="mapfiles/ms/icons"] {
	max-width: none !important;
}

/* Ensure smooth animation without flickering */
.pts-map-container.hp-map.sliding {
	overflow: hidden;
}

/* Map Toggle Button - match regular listings */
.pts-results-actions .hp-link--hide-map {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 12px;
	border-radius: 4px;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.pts-results-actions .hp-link--hide-map:hover {
	color: #333;
	background: #f5f5f5;
	text-decoration: none;
}

.pts-results-actions .hp-link--hide-map i {
	font-size: 16px;
}

/* Responsive */
@media (max-width: 992px) {
	.pts-tenant-directory-layout {
		display: block;
	}

	.pts-directory-sidebar {
		flex: 1;
		position: static;
	}

	.pts-directory-content {
		flex: 1;
	}

	.pts-map {
		height: 400px;
	}
}

/* Pagination Styles - Match screenshot design */
.hp-pagination,
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin: 2rem 0;
}

.hp-pagination .page-numbers,
.pagination .page-numbers,
.hp-pagination .nav-links a,
.hp-pagination .nav-links span,
.pagination .nav-links a,
.pagination .nav-links span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-weight: 500;
	text-decoration: none;
	color: rgba(7, 36, 86, 0.35);
	transition: all 0.25s ease;
	font-size: 1.125rem;
}

.hp-pagination .page-numbers.prev,
.hp-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.hp-pagination .nav-links .prev,
.hp-pagination .nav-links .next,
.pagination .nav-links .prev,
.pagination .nav-links .next {
	font-size: 0;
	color: rgba(7, 36, 86, 0.35);
}

.hp-pagination .page-numbers.prev::before,
.hp-pagination .nav-links .prev::before,
.pagination .page-numbers.prev::before,
.pagination .nav-links .prev::before {
	content: '<';
	font-size: 1.5rem;
	font-weight: 400;
}

.hp-pagination .page-numbers.next::before,
.hp-pagination .nav-links .next::before,
.pagination .page-numbers.next::before,
.pagination .nav-links .next::before {
	content: '>';
	font-size: 1.5rem;
	font-weight: 400;
}

.hp-pagination .page-numbers.current,
.hp-pagination .nav-links span.current,
.pagination .page-numbers.current,
.pagination .nav-links span.current {
	background-color: #fff;
	color: #43824f;
	box-shadow: 0 5px 30px rgba(7, 36, 86, 0.125);
	font-size: 1.125rem;
}

.hp-pagination .page-numbers:hover:not(.current),
.hp-pagination .nav-links a:hover,
.pagination .page-numbers:hover:not(.current),
.pagination .nav-links a:hover {
	color: rgba(7, 36, 86, 0.65);
}

.hp-pagination .page-numbers.dots,
.pagination .page-numbers.dots {
	cursor: default;
}

