/**
 * Collection Experience — product_cat archive styles (Block A).
 *
 * @package PasionGift_App
 */

.pg-collection {
	display: flex;
	flex-direction: column;
	gap: var(--pg-section-gap, 1.25rem);
	width: 100%;
	min-width: 0;
	padding-block: 0.5rem 1.5rem;
}

.pg-collection__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	margin: 0;
	padding: 0 0.125rem;
	list-style: none;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-body-sm, 0.875rem);
	color: var(--pg-color-text-muted, var(--pg-color-text));
}

.pg-collection__breadcrumb-item:not(:last-child)::after {
	content: "/";
	margin-left: 0.5rem;
	opacity: 0.55;
}

.pg-collection__breadcrumb-link {
	color: inherit;
	text-decoration: none;
}

.pg-collection__breadcrumb-link:hover,
.pg-collection__breadcrumb-link:focus-visible {
	text-decoration: underline;
}

.pg-collection__breadcrumb-current {
	color: var(--pg-color-text);
	font-weight: var(--pg-font-weight-medium, 500);
}

.pg-collection__pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	padding: 0.75rem 0.125rem 0;
}

.pg-collection__page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.25rem 0.5rem;
	border-radius: var(--pg-radius-sm, 0.375rem);
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-body-sm, 0.875rem);
	color: var(--pg-color-text);
	text-decoration: none;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--pg-color-text) 18%, transparent);
}

.pg-collection__page-link.is-current {
	font-weight: var(--pg-font-weight-semibold, 600);
	border-color: var(--pg-color-text);
}

/* Soft Content System bridge (SEO-10) — only when a guide pillar is linked */
.pg-collection__guide-bridge {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 0.85rem 1rem;
	border: 1px solid var(--pg-color-border, #ddd);
	border-radius: var(--pg-radius-md, 0.5rem);
	margin-block: 0.25rem 0.5rem;
}

.pg-collection__guide-bridge-label {
	margin: 0;
	font-size: var(--pg-type-body-sm, 0.875rem);
	color: var(--pg-color-text-muted, var(--pg-color-text));
}

.pg-collection__guide-bridge-link {
	font-weight: 650;
	color: inherit;
}

.pg-collection__guide-bridge-intro {
	margin: 0;
	font-size: var(--pg-type-body-sm, 0.875rem);
	color: var(--pg-color-text-muted, var(--pg-color-text));
}