/**
 * Header Logo — mark + wordmark always visible (F1 fix).
 * Tokens: --pg-header-* (CX-07.2). Empty branding = 3.15.12 look.
 *
 * @package PasionGift_App
 */

.pg-header-logo {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-header-logo-gap, 0.375rem);
	max-width: 100%;
	height: 100%;
	padding: 0;
	text-decoration: none;
	color: var(--pg-header-wordmark-color, var(--pg-color-brand-black, var(--pg-color-text)));
}

.pg-header-logo__mark {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: var(--pg-header-logo-mark-size, 1.125rem);
	height: var(--pg-header-logo-mark-size, 1.125rem);
	color: var(--pg-header-icon-color, var(--pg-color-brand-wine));
}

.pg-header-logo__mark svg,
.pg-header-logo__mark-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pg-header-logo__mark-image--mobile {
	display: none;
}

.pg-header-logo__text {
	display: block;
	max-width: 100%;
	overflow: hidden;
	font-family: var(--pg-font-family);
	font-size: var(--pg-header-wordmark-size, var(--pg-type-logo));
	font-weight: var(--pg-header-wordmark-weight, var(--pg-font-weight-semibold));
	line-height: var(--pg-line-height-tight);
	letter-spacing: -0.03em;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--pg-header-wordmark-color, var(--pg-color-brand-black, var(--pg-color-text)));
}

/* Mobile: prioritize mobile mark asset when present; keep wordmark. */
@media (max-width: 359px) {
	.pg-header-logo {
		gap: var(--pg-header-logo-gap-mobile, 0.25rem);
	}

	.pg-header-logo__mark {
		width: var(--pg-header-logo-mark-size-mobile, 1rem);
		height: var(--pg-header-logo-mark-size-mobile, 1rem);
	}

	.pg-header-logo__text {
		font-size: var(--pg-header-wordmark-size-mobile, 0.8125rem);
		letter-spacing: -0.04em;
	}

	.pg-header-logo__mark-image--default:not(.pg-header-logo__mark-image--solo) {
		display: none;
	}

	.pg-header-logo__mark-image--default:not(.pg-header-logo__mark-image--solo) + .pg-header-logo__mark svg {
		display: none;
	}

	.pg-header-logo__mark-image--mobile {
		display: block;
	}
}

/* 375 / 390+: desktop mark (mark or primary-as-icon); hide mobile asset. */
@media (min-width: 360px) {
	.pg-header-logo__mark-image--mobile:not(.pg-header-logo__mark-image--solo) {
		display: none;
	}

	.pg-header-logo__mark-image--default,
	.pg-header-logo__mark-image--solo {
		display: block;
	}
}

@media (min-width: 768px) {
	.pg-header-logo {
		gap: var(--pg-header-logo-gap-desktop, 0.5rem);
	}

	.pg-header-logo__mark {
		width: var(--pg-header-logo-mark-size-desktop, 1.25rem);
		height: var(--pg-header-logo-mark-size-desktop, 1.25rem);
	}

	.pg-header-logo__text {
		font-size: var(--pg-header-wordmark-size, var(--pg-type-logo));
	}
}