/* Rental Availability Plugin Front-end Styles */
/* Front-end table styling */
.rental-availability-table {
	margin: 20px 0;

	overflow-x: auto;
}
/* Search box styling */
.rental-search-container {
	margin-bottom: 20px;
}

.rental-search-container label {
	display: block;

	margin-bottom: 8px;

	color: #333333;
	font-weight: bold;
	font-size: 16px;
}

.rental-search-container input[type='search'] {
	width: 100%;
	max-width: 400px;
	padding: 10px 12px;

	font-size: 14px;

	border: 2px solid #dddddd;
	border-radius: 6px;

	transition: border-color 0.3s ease;
}

.rental-search-container input[type='search']:focus {
	border-color: #0073aa;

	outline: none;

	box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
}

.rental-units-table {
	width: 100%;
	margin: 20px 0;

	font-size: 16px;

	border-radius: 8px;
	border-collapse: collapse;

	background: #ffffff;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

	overflow: hidden;
}

.rental-units-table th,
.rental-units-table td {
	padding: 12px 15px;

	text-align: left;

	border: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.rental-units-table th {
	position: relative;

	color: #333333;
	font-weight: 600;

	border-bottom: 2px solid #dddddd;

	background-color: #f8f9fa;
	
	cursor: pointer;
}

.rental-units-table th:hover {
	background-color: #e9ecef;
}

.rental-units-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

.rental-units-table tr:hover {
	background-color: #f0f0f0;
}
/* Community link styling */
.rental-units-table .community-link {
	color: #0073aa;
	font-weight: 600;
	text-decoration: none;
}

.rental-units-table .community-link:hover {
	color: #005a87;
	text-decoration: underline;
}
/* Rental action links styling */
/* .rental-units-table .rental-link-apply,
.rental-units-table .rental-link-info {
	display: inline-block;

	margin: 2px 0;
	padding: 6px 12px;

	color: #ffffff;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;

	border-radius: 4px;

	background: #0073aa;

	transition: background-color 0.3s ease;
}

.rental-units-table .rental-link-apply:hover,
.rental-units-table .rental-link-info:hover {
	color: #ffffff;
	text-decoration: none;

	background: #005a87;
}

.rental-units-table .rental-link-apply {
	background: #28a745;
}

.rental-units-table .rental-link-apply:hover {
	background: #218838;
}

.rental-units-table .rental-link-info {
	background: #17a2b8;
}

.rental-units-table .rental-link-info:hover {
	background: #138496;
} */
/* Responsive design */

@media (max-width: 800px) {
	.rental-units-table,

	.rental-units-table thead,

	.rental-units-table tbody,

	.rental-units-table tr,

	.rental-units-table th,

	.rental-units-table td {
		display: block;

		width: 100%;
	}

	.rental-units-table thead {
		display: none;
	}

	.rental-units-table tr {
		margin-bottom: 1.5em;

		border: 1px solid #dddddd;

		background: #ffffff;

		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	}

	.rental-units-table td {
		position: relative;

		display: flex;
		justify-content: flex-end;
		align-items: center;

		min-height: 40px;
		padding-left: 50%;

		border: none;
		border-bottom: 1px solid #eeeeee;
	}

	.rental-units-table td[data-label]::before {
		position: absolute;
		top: 8px;
		left: 12px;
		content: attr(data-label) ': ';

		width: 45%;

		color: #333333;
		font-weight: bold;
		white-space: nowrap;
	}

	.rental-units-table td[data-label='Links'] {
		min-height: 60px;
		padding-right: 15px;
	}

	.rental-units-table td[data-label='Links'] .rental-link-apply,
	.rental-units-table td[data-label='Links'] .rental-link-info {
		min-width: 100px;
		margin: 4px 8px 4px 0;
		padding: 8px 16px;

		font-size: 11px;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.rental-units-table {
		font-size: 14px;
	}
    
	.rental-units-table th,
	.rental-units-table td {
		padding: 8px 10px;
	}
}
/* Sort arrow styling */
.rental-units-table th[data-sort] {
	cursor: pointer;
}

.sort-arrows {
	float: right;

	margin-left: 5px;

	color: #999999;
	font-size: 0.8em;
}

.sort-arrows .up-arrow {
	position: relative;
	top: 2px;

	display: inline-block;

	transform: rotate(180deg);
}

.rental-units-table th.sort-asc .sort-arrows {
	color: #333333;
}

.rental-units-table th.sort-desc .sort-arrows {
	color: #333333;
}
/* Filter styling */
.rental-filters-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;

	margin-bottom: 20px;
}

.rental-filters-container > div {
	flex: 1;

	min-width: 200px;
}

.rental-filters-container label {
	display: block;

	margin-bottom: 8px;

	color: #333333;
	font-weight: bold;
	font-size: 16px;
}
/* Custom multiselect styling */
.custom-multiselect {
	position: relative;

	width: 100%;
}

.multiselect-display {
	position: relative;

	width: 100%;
	padding: 8px 30px 8px 12px;

	color: #333333;
	font-size: 14px;

	border: 2px solid #dddddd;
	border-radius: 6px;

	background: #ffffff;

	cursor: pointer;

	transition: border-color 0.3s ease;
}

.multiselect-display:hover {
	border-color: #0073aa;
}

.multiselect-display::after {
	position: absolute;
	top: 50%;
	right: 12px;
	content: '▼';

	color: #666666;
	font-size: 12px;

	transform: translateY(-50%);
}

.multiselect-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;

	display: none;

	width: 100%;
	max-height: 200px;

	border: 2px solid #dddddd;
	border-radius: 6px;

	background: #ffffff;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

	overflow-y: auto;
}

.multiselect-option {
	display: block;

	padding: 8px 12px;

	cursor: pointer;

	transition: background-color 0.2s ease;
}

.multiselect-option:hover {
	background: #f8f8f8;
}

.multiselect-option input[type='checkbox'] {
	margin-right: 8px;
}

.multiselect-option span {
	color: #333333;
	font-size: 14px;
}