/* === HP Blocksy Support: CSS Variable Bridge === */
:root {
	--hp-color-primary: var(--theme-palette-color-1);
	--hp-color-primary-hover: var(--theme-palette-color-2);
	--hp-color-heading: var(--theme-palette-color-3);
	--hp-color-text: var(--theme-palette-color-4);
	--hp-color-muted: var(--theme-palette-color-5);
	--hp-color-border: var(--theme-palette-color-6);
	--hp-color-bg: var(--theme-palette-color-7);
	--hp-color-surface: var(--theme-palette-color-8);
	--hp-font-heading: var(--theme-font-family-heading, inherit);
	--hp-font-body: var(--theme-font-family-body, inherit);
	--hp-border-radius: var(--theme-button-border-radius, 3px);
	--hp-button-min-height: var(--theme-button-min-height, 40px);
}

/* --- ExpertHive theme-styles.php replacement: primary_color targets --- */
.hp-form--primary::before,
.hp-listing--view-block .hp-listing__attributes--primary::before,
.hp-listing--view-page .hp-listing__attributes--primary::before,
.hp-listing-category__link::before,
.hp-vendor--view-block .hp-vendor__footer::before,
.hp-vendor--view-page .hp-vendor__attributes--primary::before,
.hp-offer__attributes--primary .hp-offer__attribute:first-child::before {
	background-color: var(--hp-color-primary);
}

.hp-page__title::before,
.hp-section__title::before,
.hp-listing--view-page .hp-listing__title::before,
.hp-listing--view-page .hp-listing__images-carousel .slick-arrow:hover,
.hp-listing--view-block .hp-listing__details--primary a:hover,
.hp-listing--view-page .hp-listing__details--primary a:hover,
.hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute,
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute,
.hp-listing-category__link i,
.hp-vendor--view-block .hp-vendor__attributes--primary .hp-vendor__attribute,
.hp-vendor--view-page .hp-vendor__attributes--primary .hp-vendor__attribute,
.hp-vendors--slider .slick-arrow:hover,
.hp-offer__attributes--primary .hp-offer__attribute,
.hp-testimonials--slider .slick-arrow:hover {
	color: var(--hp-color-primary);
}

.hp-listing--view-page .hp-listing__images-carousel .slick-current img {
	border-color: var(--hp-color-primary);
}

/* --- secondary_color targets --- */
.hp-listing-category__icon::before,
.hp-feature__icon,
.hp-listing-category__item-count::before {
	background-color: var(--hp-color-primary-hover);
}

.hp-listing-category__icon,
.hp-listing-category__item-count {
	color: var(--hp-color-primary-hover);
}

/* --- Pagination --- */
.pagination > span:not(.dots),
.pagination .nav-links > span:not(.dots),
.pagination ul li span.current:not(.dots) {
	color: var(--hp-color-primary);
}

/* --- Buttons --- */
.hp-form button[type="submit"],
.hp-form__button,
.hp-listing__action--primary .hp-link,
button.hp-link--primary {
	background-color: var(--hp-color-primary);
	border-radius: var(--hp-border-radius);
	min-height: var(--hp-button-min-height);
	color: #fff;
}

.hp-form button[type="submit"]:hover,
.hp-form__button:hover {
	background-color: var(--hp-color-primary-hover);
}

/* --- Typography --- */
.hp-page__title,
.hp-section__title,
.hp-listing__title,
.hp-vendor__name {
	font-family: var(--hp-font-heading);
}