/* ==========================================================================
   DESKTOP BRAND / LOGO FINAL FIX
   Mark height ≈ identity-row usable height · full 4 petals · no brand/hours overlap
   Scope: min-width 1100. Compact/mobile unchanged.
   Does not touch submenu / specialty hover / search / CTA.
   ========================================================================== */

@media (min-width: 1100px) {
	.site-header .identity-row.container,
	.site-header .identity-row {
		/* PNG 640x580: vùng 4 cánh = x 106–528, y 0–423 (đo bằng canvas) */
		--ykhg-mark-h: 53px;
		--ykhg-mark-crop-scale: 1.368; /* 580 / 424 */
		--ykhg-mark-crop-left: -0.25; /* 106 / 424 */
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		border: 0 !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
		overflow: visible !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
		min-height: 74px;
	}

	.site-header .identity-row::before,
	.site-header .identity-row::after,
	.site-header .header-navigation::before,
	.site-header .header-navigation::after {
		content: none !important;
		border: 0 !important;
		box-shadow: none !important;
		background: none !important;
		height: 0 !important;
	}

	.site-header .header-navigation {
		border-top: 0 !important;
		border-bottom: 0 !important;
		margin-top: 0 !important;
		box-shadow: none !important;
	}

	.site-header {
		border-bottom: 0 !important;
		box-shadow: none;
	}

	.site-header.is-stuck .header-navigation,
	.site-header.is-utility-hidden .header-navigation {
		box-shadow: none !important;
		border-bottom: 0 !important;
	}

	.site-header.is-stuck .identity-row.container,
	.site-header.is-utility-hidden .identity-row.container,
	.site-header.is-stuck .identity-row,
	.site-header.is-utility-hidden .identity-row {
		min-height: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* Brand: intrinsic width, never shrink into hours */
	.identity-row .header-brand-desktop,
	.identity-row a.header-brand.header-brand-desktop {
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: max-content !important;
		overflow: visible !important;
		margin-left: 16px !important;
		margin-right: 0 !important;
	}

	.identity-row .header-brand-desktop .header-brand-stack {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 12px !important;
		flex-shrink: 0 !important;
		min-width: max-content !important;
		overflow: visible !important;
	}

	/*
	 * PNG xếp dọc: 4 cánh ở trên, wordmark "Y KHOA / HOÀNG GIA" ở dưới.
	 * Frame = đúng bounding box của 4 cánh (vuông), img lệch trái/cao lên để
	 * bỏ lề trắng hai bên và wordmark. Không stretch, không cắt cánh.
	 */
	.identity-row .header-brand-desktop .header-logo-mark-frame {
		position: relative !important;
		display: block !important;
		flex: 0 0 auto !important;
		width: calc(var(--ykhg-mark-h) * 0.998) !important;
		max-width: none !important;
		height: var(--ykhg-mark-h) !important;
		overflow: hidden !important;
		background: transparent !important;
		line-height: 0 !important;
	}

	.identity-row .header-brand-desktop img.header-logo-mark,
	.identity-row .header-brand-desktop .header-logo-mark {
		position: absolute !important;
		top: 0 !important;
		left: calc(var(--ykhg-mark-h) * var(--ykhg-mark-crop-left)) !important;
		display: block !important;
		width: auto !important;
		max-width: none !important;
		height: calc(var(--ykhg-mark-h) * var(--ykhg-mark-crop-scale)) !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: contain !important;
		aspect-ratio: auto !important;
		transform: none !important;
		mix-blend-mode: darken;
	}

	.identity-row .header-brand-desktop .header-brand-name {
		flex: 0 0 auto !important;
		align-self: center !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		min-width: max-content !important;
		max-width: none !important;
		font-size: 13.25px !important;
		font-weight: 700 !important;
		letter-spacing: 0.008em;
		color: var(--primary, #0B6F73) !important;
		line-height: 1.2 !important;
	}

	.identity-row .header-actions {
		flex: 0 1 auto !important;
		flex-shrink: 1 !important;
		margin-left: auto !important;
		min-width: 0;
		gap: 10px !important;
		align-items: center !important;
	}

	.identity-row .header-hours,
	.identity-row .header-hours-text {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}

	.identity-row .header-action-buttons {
		flex: 0 0 auto !important;
		gap: 8px !important;
	}
}

@media (min-width: 1100px) and (max-width: 1279px) {
	.site-header .identity-row.container,
	.site-header .identity-row {
		--ykhg-mark-h: 50px;
		gap: 8px !important;
		min-height: 68px;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.identity-row .header-brand-desktop,
	.identity-row a.header-brand.header-brand-desktop {
		margin-left: 8px !important;
	}

	.identity-row .header-brand-desktop .header-brand-stack {
		gap: 8px !important;
	}

	.identity-row .header-brand-desktop .header-brand-name {
		font-size: 12.5px !important;
		letter-spacing: 0;
	}

	.identity-row .header-actions {
		gap: 6px !important;
	}

	.identity-row .header-action-buttons {
		gap: 6px !important;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	.site-header .identity-row.container,
	.site-header .identity-row {
		--ykhg-mark-h: 53px;
		min-height: 72px;
	}
}

@media (min-width: 1440px) {
	.site-header .identity-row.container,
	.site-header .identity-row {
		--ykhg-mark-h: 56px;
		min-height: 76px;
		gap: 16px !important;
	}

	.identity-row .header-brand-desktop,
	.identity-row a.header-brand.header-brand-desktop {
		margin-left: 20px !important;
	}

	.identity-row .header-brand-desktop .header-brand-name {
		font-size: 13.75px !important;
	}

	.identity-row .header-actions {
		gap: 12px !important;
	}
}

@media (min-width: 1100px) {
	/* Utility hide: clip completely so logos/CTAs cannot peek. */
	.site-header.is-utility-hidden .identity-row.container,
	.site-header.is-utility-hidden .identity-row {
		height: 0 !important;
		max-height: 0 !important;
		min-height: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
		opacity: 0 !important;
		visibility: hidden;
		pointer-events: none !important;
		transform: translateY(-8px);
		transition: opacity 180ms ease, transform 180ms ease !important;
	}

	.site-header:not(.is-utility-hidden) .identity-row.container,
	.site-header:not(.is-utility-hidden) .identity-row {
		transform: translateY(0);
		transition: opacity 200ms ease, transform 200ms ease !important;
	}
}

@media (min-width: 1600px) {
	.site-header .identity-row.container,
	.site-header .identity-row {
		--ykhg-mark-h: 59px;
		min-height: 80px;
	}

	.identity-row .header-brand-desktop,
	.identity-row a.header-brand.header-brand-desktop {
		margin-left: 24px !important;
	}

	.identity-row .header-brand-desktop .header-brand-name {
		font-size: 14.25px !important;
	}
}