/**
 * HP Blocksy Support — Vendor Profile Page
 *
 * Critical for 2meet-infocards compatibility.
 * 2meet-infocards JS targets: aside.hp-page__sidebar, body.hp-template--vendor-view-page
 */

/* === Vendor Profile Layout === */
.hp-vendor--view-page .hp-vendor__image img {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.hp-vendor--view-page .hp-vendor__name {
	font-size: 24px;
	font-weight: 700;
	margin: 12px 0 8px;
	font-family: var(--hp-font-heading, inherit);
}

.hp-vendor--view-page .hp-vendor__description {
	color: var(--hp-color-muted, #6c757d);
	font-size: 0.9rem;
	line-height: 1.6;
}

/* === Rating Stars === */
.hp-rating {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.hp-rating__star {
	color: #f5a623;
	font-size: 16px;
}

.hp-rating__star--empty {
	color: var(--hp-color-border, #ddd);
}

/* === Vendor Page Sidebar + Content within Blocksy === */
body.hp-template--vendor-view-page .ct-container {
	max-width: 100%;
}

/* Prevent Blocksy sticky sidebar from interfering with HP sidebar */
body.hp-template--vendor-view-page .inner-wrapper-sticky {
	position: static !important;
}

/* === Vendor Listings Grid === */
.hp-vendor--view-page .hp-listings {
	display: grid;
	gap: 24px;
}

.hp-vendor--view-page .hp-listings--columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.hp-vendor--view-page .hp-listings--columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
	.hp-vendor--view-page .hp-listings--columns-2,
	.hp-vendor--view-page .hp-listings--columns-3 {
		grid-template-columns: 1fr;
	}
}

/* === Sort / Filter Toolbar === */
.hp-listings__header,
.hp-vendors__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--hp-color-border, #eee);
}