/**
 * nak-brand.css — the Namaste Angkor mark (1.33.0)
 *
 * The mark is the Fusion culture icon: Ganesha crowned by an Angkor prasat,
 * held by Apsara hands over the Khmer lotus. Each part's colour is a custom
 * property with the Fusion-token fallback baked into the SVG:
 *
 *   --nak-logo-crown  #b8862b   --nak-logo-head    #e8871e
 *   --nak-logo-jewel  #b0203c   --nak-logo-buds    #d9a23a
 *   --nak-logo-hands  #5b3a1f   --nak-logo-flame   #f2b035
 *   --nak-logo-base   #7a1f2b   --nak-logo-diamond #5b3a1f
 *
 * Set them on any ancestor to retune the mark there.
 *
 * @package NamasteAngkorTheme
 */

/* ---------- Header lockup: mark · Namaste Angkor Kitchen ---------- */
.nak-brand__name--marked { align-items: center; }
.nak-brand__mark {
	display: block;
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	margin: -0.2rem 0.15rem -0.2rem -0.15rem;
	transition: transform .35s var(--nak-ease-cinematic, ease);
}
.nak-brand__mark .nak-icon { width: 100%; height: 100%; }
.nak-brand__name--marked:hover .nak-brand__mark { transform: rotate(-4deg) scale(1.04); }
.nak-brand__name--marked .nak-brand__words {
	display: inline-flex; align-items: baseline; gap: 0.35em; white-space: nowrap;
}
@media (min-width: 761px) and (max-width: 1040px) {
	.nak-brand__mark { width: 40px; height: 40px; }
}
@media (max-width: 480px) {
	.nak-brand__mark { width: 34px; height: 34px; margin-right: 0.05rem; }
}
@media (max-width: 360px) {
	.nak-brand__mark { width: 30px; height: 30px; }
}

/* ---------- Dark surfaces: lift the deep colours so they still read ---------- */
.nak-footer,
.nak-kitchen.is-current .nak-kitchen__medallion,
.nak-foh__intro {
	--nak-logo-base: #c43b55;
	--nak-logo-hands: #c9976a;
	--nak-logo-diamond: #c9976a;
	--nak-logo-jewel: #ef5a6f;
	--nak-logo-crown: #e0b04a;
}

/* ---------- One-colour mark: add .nak-icon--mono (or wrap in .nak-mono) ---------- */
.nak-icon--mono,
.nak-mono .nak-icon--fusion {
	--nak-logo-crown: currentColor; --nak-logo-head: currentColor;
	--nak-logo-jewel: currentColor; --nak-logo-buds: currentColor;
	--nak-logo-hands: currentColor; --nak-logo-flame: currentColor;
	--nak-logo-base: currentColor; --nak-logo-diamond: currentColor;
}

/* Print: the full-colour mark, no transitions. */
@media print {
	.nak-brand__mark { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
	.nak-brand__mark { transition: none; }
	.nak-brand__name--marked:hover .nak-brand__mark { transform: none; }
}