/**
 * Tenant Listing View Styles
 * Styles for tenant-specific sections on single listing pages
 */

/* Match listing title size to the About heading */
body.single-hp_listing h1.hp-listing__title,
body.hp-template--listing-view-page h1.hp-listing__title,
.hp-listing--view-page h1.hp-listing__title,
.hp-listing--view-page .hp-listing__title,
h1.hp-listing__title {
	font-size: 24px !important;
	font-weight: 600;
	line-height: 1.3;
	color: #333;
}

body.single-hp_listing h1.hp-listing__title span,
h1.hp-listing__title span {
	font-size: inherit !important;
}

@media only screen and (min-width: 75em) {
	body.single-hp_listing h1.hp-listing__title,
	body.hp-template--listing-view-page h1.hp-listing__title,
	.hp-listing--view-page h1.hp-listing__title,
	.hp-listing--view-page .hp-listing__title,
	h1.hp-listing__title {
		font-size: 24px !important;
	}
}

/* Verification Badge in Header */
.pts-tenant-listing-badge-header {
	margin-bottom: 20px;
}

/* Tenant Description Section */
.pts-tenant-description {
	margin: 30px 0;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
}

.pts-tenant-description__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #333;
}

.pts-tenant-description__content {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}

.pts-tenant-description__content p {
	margin-bottom: 15px;
}

/* Extended Information Section */
.pts-tenant-extended-info {
	margin: 30px 0;
}

.pts-tenant-extended-info__section {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
}

.pts-tenant-extended-info__title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #333;
}

.pts-tenant-extended-info__brand-name {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin: 0;
}

.pts-tenant-extended-info__logo {
	margin: 15px 0;
}

.pts-tenant-extended-info__logo img {
	max-width: 200px;
	height: auto;
	border-radius: 8px;
}

.pts-tenant-extended-info__description {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}

.pts-tenant-extended-info__description p {
	margin-bottom: 15px;
}

/* Mood Photos Gallery */
.pts-tenant-extended-info__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 15px;
	margin-top: 15px;
}

.pts-tenant-extended-info__gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	aspect-ratio: 1;
}

.pts-tenant-extended-info__gallery-link {
	display: block;
	width: 100%;
	height: 100%;
}

.pts-tenant-extended-info__gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.pts-tenant-extended-info__gallery-item:hover img {
	transform: scale(1.05);
}

/* Social Links */
.pts-tenant-extended-info__social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 15px;
}

.pts-tenant-extended-info__social-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #f5f5f5;
	border-radius: 6px;
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
	font-size: 14px;
}

.pts-tenant-extended-info__social-link:hover {
	background: #e0e0e0;
	transform: translateY(-2px);
}

.pts-tenant-extended-info__social-link--website {
	background: #4a90e2;
	color: #fff;
}

.pts-tenant-extended-info__social-link--website:hover {
	background: #357abd;
}

.pts-tenant-extended-info__social-link--instagram {
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	color: #fff;
}

.pts-tenant-extended-info__social-link--facebook {
	background: #1877f2;
	color: #fff;
}

.pts-tenant-extended-info__social-link--tiktok {
	background: #000;
	color: #fff;
}

.pts-tenant-extended-info__social-link--linkedin {
	background: #0077b5;
	color: #fff;
}

/* Full Information Section */
.pts-tenant-full-info {
	margin: 30px 0;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
}

.pts-tenant-full-info__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #333;
}

.pts-tenant-full-info__subtitle {
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 15px;
	color: #333;
}

.pts-tenant-full-info__section {
	margin-bottom: 25px;
}

.pts-tenant-full-info__field {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.6;
}

.pts-tenant-full-info__field strong {
	display: block;
	margin-bottom: 5px;
	color: #333;
	font-weight: 600;
}

.pts-tenant-full-info__field a {
	color: #4a90e2;
	text-decoration: none;
}

.pts-tenant-full-info__field a:hover {
	text-decoration: underline;
}

.pts-tenant-full-info__field address {
	font-style: normal;
	margin: 0;
	color: #666;
}

.pts-tenant-full-info__document-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: #f5f5f5;
	border-radius: 6px;
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
}

.pts-tenant-full-info__document-link:hover {
	background: #e0e0e0;
}

.pts-tenant-full-info__document-link i {
	color: #dc3545;
}

/* Upgrade Message */
.pts-tenant-upgrade-message {
	margin: 30px 0;
	padding: 30px;
	background: linear-gradient(135deg, #f1bd6c 0%, #e0a855 100%);
	border-radius: 8px;
	color: #fff;
}

.pts-tenant-upgrade-message__content {
	max-width: 600px;
}

.pts-tenant-upgrade-message__title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
}

.pts-tenant-upgrade-message__text {
	font-size: 16px;
	margin-bottom: 20px;
	color: #fff;
	opacity: 0.95;
}

.pts-tenant-upgrade-message__requirements {
	list-style: none;
	padding: 0;
	margin: 0 0 25px;
}

.pts-tenant-upgrade-message__requirement {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
	opacity: 0.9;
}

.pts-tenant-upgrade-message__requirement--met {
	opacity: 1;
}

.pts-tenant-upgrade-message__requirement i {
	font-size: 18px;
}

.pts-tenant-upgrade-message__requirement--met i {
	color: #4caf50;
}

.pts-tenant-upgrade-message__actions {
	margin-top: 20px;
}

.pts-tenant-upgrade-message__button {
	display: inline-block;
	padding: 12px 30px;
	background: #fff;
	color: #f1bd6c;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.pts-tenant-upgrade-message__button:hover {
	background: #f5f5f5;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hide leftover empty HivePress attribute card (price) on tenant listing sidebar. */
.hp-template--listing-view-page .hp-listing__attributes--primary:not(:has(.hp-listing__attribute)) {
	display: none !important;
}

/* Sidebar Info */
.pts-tenant-sidebar-info {
	margin-bottom: 30px;
}

.pts-tenant-sidebar-info__section {
	margin-bottom: 20px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
}

.pts-tenant-sidebar-info__section strong {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.pts-tenant-sidebar-info__section p {
	margin: 0;
	font-size: 16px;
	color: #333;
}

.pts-tenant-sidebar-info__max-price p {
	font-size: 1.25rem;
	font-weight: 600;
	color: #28a745;
	font-family: 'Sen', sans-serif;
}

/* Contact Button */
.pts-tenant-contact-button {
	margin-top: 20px;
}

.pts-tenant-contact-button__link {
	display: block;
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 10px;
	background: #f1bd6c;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	transition: all 0.3s ease;
}

.pts-tenant-contact-button__link:hover {
	background: #e0a855;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pts-tenant-contact-button__link i {
	margin-right: 8px;
}

.pts-tenant-contact-button__message {
	padding: 15px;
	background: #f5f5f5;
	border-radius: 6px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

.pts-tenant-contact-button__upgrade {
	display: block;
	width: 100%;
	padding: 15px 20px;
	background: #4a90e2;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	transition: all 0.3s ease;
}

.pts-tenant-contact-button__upgrade:hover {
	background: #357abd;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
	.pts-tenant-extended-info__gallery {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 10px;
	}
	
	.pts-tenant-extended-info__social-links {
		flex-direction: column;
	}
	
	.pts-tenant-extended-info__social-link {
		width: 100%;
		justify-content: center;
	}
}