/* === HP Blocksy Support: CSS Variable Bridge (Morandi Muse v2.5 mapping) === */
/* Layering：Morandi token 優先，Blocksy palette 次之（theme 覆寫時生效），HEX 備援（v2.5 對齊） */
:root {
	--hp-color-primary: var(--color-green-primary, var(--theme-palette-color-1, #A8B9A4));
	--hp-color-primary-hover: var(--color-green-dark, var(--theme-palette-color-2, #8FA08A));
	--hp-color-heading: var(--color-text-primary, var(--theme-palette-color-3, #3A3530));
	--hp-color-text: var(--color-text-primary, var(--theme-palette-color-4, #3A3530));
	--hp-color-muted: var(--color-text-tertiary, var(--theme-palette-color-5, #7A736A));
	--hp-color-border: var(--color-bg-divider, var(--theme-palette-color-6, #E8E3D9));
	--hp-color-bg: var(--color-bg-primary, var(--theme-palette-color-7, #FFFEFA));
	--hp-color-surface: var(--color-bg-secondary, var(--theme-palette-color-8, #FAF9F6));
	--hp-font-heading: var(--font-family-display, var(--theme-font-family-heading, inherit));
	--hp-font-body: var(--font-family-body, var(--theme-font-family-body, inherit));
	--hp-border-radius: var(--radius-md, var(--theme-button-border-radius, 10px));
	--hp-button-min-height: var(--theme-button-min-height, 44px);
}

/* --- 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,
/* Text attributes: dark for AA contrast (primary green fails 4.5:1 on light bg) */
.hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute,
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute,
.hp-vendor--view-block .hp-vendor__attributes--primary .hp-vendor__attribute,
.hp-vendor--view-page .hp-vendor__attributes--primary .hp-vendor__attribute,
.hp-offer__attributes--primary .hp-offer__attribute {
	color: var(--color-text-primary, #3A3530);
}

/* Icons and interactive arrows remain brand-colored (non-text, WCAG 1.4.11 applies) */
.hp-listing-category__link i,
.hp-vendors--slider .slick-arrow:hover,
.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(--color-text-primary, #3A3530); /* current page indicator: dark for AA contrast */
}

/* --- 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: var(--color-text-inverse, #FAF3E3);
}

.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);
}