/* ============================================================
   1.31.0 — Front pages: "Find your way" hub, breadcrumbs,
   contact hero. Kitchen colours follow nak-menus.css.
   ============================================================ */

/* ---------- "Find your way" hub ---------- */
.nak-explore {
	--k: var(--nak-lotus); --k-gold: var(--nak-saffron);
	position: relative;
	background:
		radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--k-gold) 10%, transparent), transparent 70%),
		var(--nak-cream);
	border-top: 1px solid color-mix(in srgb, var(--k) 12%, transparent);
}
.nak-explore--indian { --k: #a01b2e; --k-gold: #f2990f; }
.nak-explore--khmer  { --k: #8a3d24; --k-gold: #c1902f; }
.nak-explore--fusion { --k: #7a1f2b; --k-gold: #e8871e; }
.nak-explore__head { text-align: center; max-width: 720px; margin: 0 auto clamp(1.5rem, 1rem + 2vw, 2.5rem); }
.nak-explore__head .nak-section__eyebrow { color: var(--k); }
.nak-explore__grid {
	display: grid; gap: clamp(.9rem, .6rem + 1vw, 1.4rem);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nak-explore__col {
	min-width: 0; padding: 1.1rem 1rem 1rem; border-radius: 16px;
	background: var(--nak-white, #fff);
	border: 1px solid color-mix(in srgb, var(--nak-stone) 70%, transparent);
	box-shadow: 0 1px 0 rgba(36, 16, 5, .04), 0 10px 24px -18px rgba(36, 16, 5, .35);
}
.nak-explore__colhead {
	display: flex; align-items: center; gap: .5rem; margin: 0 0 .7rem; padding-bottom: .6rem;
	font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--nak-ink);
	border-bottom: 1px dashed color-mix(in srgb, var(--nak-stone) 90%, transparent);
}
.nak-explore__colicon { color: var(--k); flex: none; }
.nak-explore__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.nak-explore__link {
	--k: var(--nak-ink); --k-soft: var(--nak-stone-soft);
	display: flex; align-items: center; gap: .65rem; min-height: 48px;
	padding: .5rem .6rem; border-radius: 10px; text-decoration: none; color: var(--nak-ink);
	transition: background-color .18s ease, transform .18s ease;
}
.nak-explore__link--indian { --k: #a01b2e; --k-soft: #fbecd2; }
.nak-explore__link--khmer  { --k: #8a3d24; --k-soft: #efe2c6; }
.nak-explore__link--fusion { --k: #7a1f2b; --k-soft: #f6e7d6; }
.nak-explore__link:hover, .nak-explore__link:focus-visible { background: var(--k-soft); transform: translateX(2px); }
.nak-explore__link:focus-visible { outline: 2px solid var(--k); outline-offset: 2px; }
.nak-explore__link.is-lead { background: color-mix(in srgb, var(--k-soft) 70%, transparent); box-shadow: inset 3px 0 0 var(--k); }
.nak-explore__link.is-here { background: var(--k-soft); box-shadow: inset 3px 0 0 var(--k); }
.nak-explore__glyph { flex: none; width: 26px; height: 26px; color: var(--k); }
.nak-explore__text { display: grid; min-width: 0; flex: 1; }
.nak-explore__label { font-weight: 600; line-height: 1.25; overflow-wrap: break-word; }
.nak-explore__meta { font-size: .8rem; color: var(--nak-ink-soft); line-height: 1.3; overflow-wrap: break-word; }
.nak-explore__go { flex: none; color: color-mix(in srgb, var(--k) 60%, transparent); }
.nak-explore__here {
	justify-self: start; margin-top: .3rem; padding: .15rem .5rem; border-radius: 99px; font-size: .68rem; font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase; background: var(--k); color: #fff;
}
.nak-explore__ctas { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; }
.nak-explore__cta { flex: 1 1 auto; justify-content: center; text-align: center; min-height: 44px; }

@media (max-width: 1099px) {
	.nak-explore__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
	.nak-explore__grid { grid-template-columns: minmax(0, 1fr); }
	.nak-explore__col { padding: .9rem .75rem .8rem; }
}

/* ---------- Breadcrumbs ---------- */
.nak-crumbs { --k: var(--nak-lotus); background: var(--nak-cream); border-bottom: 1px solid color-mix(in srgb, var(--nak-stone) 60%, transparent); }
.nak-crumbs--indian { --k: #a01b2e; }
.nak-crumbs--khmer  { --k: #8a3d24; }
.nak-crumbs--fusion { --k: #7a1f2b; }
.nak-crumbs__list {
	display: flex; flex-wrap: wrap; align-items: center; gap: .15rem .45rem;
	list-style: none; margin: 0; padding: .55rem 0; font-size: .82rem; color: var(--nak-ink-soft);
}
.nak-crumbs__list li { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; }
.nak-crumbs__list li + li::before { content: "›"; color: color-mix(in srgb, var(--k) 55%, transparent); }
.nak-crumbs__list a { color: var(--nak-ink-soft); text-decoration: none; padding-block: .3rem; }
.nak-crumbs__list a:hover, .nak-crumbs__list a:focus-visible { color: var(--k); text-decoration: underline; }
.nak-crumbs__list [aria-current] span { color: var(--k); font-weight: 600; overflow-wrap: anywhere; }

/* ---------- Contact as a front page ---------- */
.nak-contact-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: 1.4rem; }
.nak-contact-hero__hours {
	display: inline-flex; align-items: center; gap: .45rem; margin: 1rem 0 0;
	font-size: .9rem; color: var(--nak-ink-soft);
}
.nak-contact-hero__hours svg { color: var(--k); flex: none; }
.nak-contact-page .nak-contact-feature.is-standalone { padding-top: clamp(1.8rem, 1.2rem + 2.5vw, 3.2rem); }
@media (max-width: 420px) {
	.nak-contact-hero__actions .nak-btn { flex: 1 1 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
	.nak-explore__link { transition: none; }
	.nak-explore__link:hover { transform: none; }
}