/**
 * nak-footer.css — footer built on the brand lockup (1.34.0)
 *
 *   ▬▬▬▬▬ stripe in the mark's five colours (gold · saffron · red · maroon · clove)
 *   ┌──────────────────────────────┐
 *   │ [mark] Namaste Angkor KITCHEN│   the header's hook box, straddling the stripe
 *   └──────────────────────────────┘
 *   Taste Cambodia ◆ Discover India ◆ Experience Angkor
 *   ───────────── ✦ crowned-Ganesha glyph ✦ ─────────────
 *                  Follow Us  ( ) ( ) ( )
 *   Explore │ Our Kitchens │ Opening & Assistant │ Find Us
 *   ▬ [mark] © Namaste Angkor Kitchen · footer menu · tagline
 *
 * Loads after nak-flow / nak-brand, so it overrides the 1.13 grid.
 *
 * @package NamasteAngkorTheme
 */

.nak-footer--crest {
	--nf-gold: #b8862b;
	--nf-saffron: #e8871e;
	--nf-red: #b0203c;
	--nf-maroon: #7a1f2b;
	--nf-clove: #5b3a1f;
	--nf-glow: #e0b04a;
	--nf-line: rgba(201, 187, 160, 0.16);
	position: relative;
	isolation: isolate;
	margin-top: clamp(3rem, 2.4rem + 2vw, 4.25rem);
	background:
		radial-gradient(900px 420px at 50% 0%, rgba(232, 135, 30, 0.10), transparent 65%),
		var(--nak-ink);
}

/* ---------- Five-colour stripe ---------- */
.nak-footer__stripe {
	display: grid;
	grid-template-columns: 1fr 1.6fr 0.7fr 1.6fr 1fr;
	height: 6px;
}
.nak-footer__stripe i:nth-child(1) { background: var(--nf-gold); }
.nak-footer__stripe i:nth-child(2) { background: var(--nf-saffron); }
.nak-footer__stripe i:nth-child(3) { background: var(--nf-red); }
.nak-footer__stripe i:nth-child(4) { background: var(--nf-maroon); }
.nak-footer__stripe i:nth-child(5) { background: var(--nf-clove); }

/* ---------- Watermark: a large one-colour mark, clipped to the footer ---------- */
.nak-footer__watermark {
	position: absolute; inset: 6px 0 0; z-index: -1;
	overflow: hidden; pointer-events: none;
	color: var(--nak-cream);
}
.nak-footer__watermark .nak-icon {
	position: absolute;
	right: -6%; bottom: -8%;
	width: min(540px, 70vw); height: auto; aspect-ratio: 1;
	opacity: 0.045;
}

/* ---------- Crest: the header lockup, straddling the stripe ---------- */
.nak-footer__crest {
	display: flex; flex-direction: column; align-items: center;
	text-align: center;
	margin-top: calc(-1 * clamp(2.6rem, 2.2rem + 1.4vw, 3.4rem));
	padding-bottom: clamp(2rem, 1.6rem + 1.5vw, 2.8rem);
}
.nak-footer__box {
	position: relative;
	box-shadow:
		0 0 0 5px var(--nak-ink),
		0 0 0 6px color-mix(in srgb, var(--nf-glow) 55%, transparent),
		0 22px 44px -22px rgba(0, 0, 0, 0.8);
}
.nak-footer__box .nak-brand__top { padding: 0.6rem 1.3rem 0.6rem 1rem; }
.nak-footer .nak-footer__lockup { margin: 0; color: inherit; gap: 0.45em; }
.nak-footer .nak-footer__lockup:hover { color: inherit; }
.nak-footer__box .nak-brand__mark { width: 64px; height: 64px; margin: -0.25rem 0.2rem -0.25rem -0.2rem; }
.nak-footer__box .nak-brand__namaste,
.nak-footer__box .nak-brand__angkor { font-size: var(--nak-step-2); }
.nak-footer__box .nak-brand__kitchen { font-size: 0.78rem; letter-spacing: 0.3em; }
/* The mark sits on the cream card here, so it keeps its own colours. */
.nak-footer__box {
	--nak-logo-base: #7a1f2b; --nak-logo-hands: #5b3a1f; --nak-logo-diamond: #5b3a1f;
	--nak-logo-jewel: #b0203c; --nak-logo-crown: #b8862b;
}

/* Tagline as three phrases */
.nak-footer--crest .nak-footer__tagline {
	max-width: none;
	margin: 1.5rem 0 0;
	font-family: var(--nak-display);
	font-size: var(--nak-step-1);
	font-style: italic;
	line-height: 1.35;
	color: var(--nak-cream);
}
.nak-footer__tagline--phrases {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	gap: 0.35rem 0.9rem;
}
.nak-footer__phrase--1 { color: var(--nf-glow); }
.nak-footer__phrase--2 { color: var(--nf-saffron); }
.nak-footer__phrase--3 { color: var(--nak-cream); }
.nak-footer__dot {
	width: 7px; height: 7px; flex: 0 0 auto;
	background: var(--nf-red);
	transform: rotate(45deg);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--nf-red) 30%, transparent);
}

/* Ornament rule with the crowned-Ganesha glyph */
.nak-footer__rule {
	position: relative;
	width: min(520px, 100%); height: 30px;
	margin: 1.3rem auto 0;
}
.nak-footer__rule::before {
	content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px;
	background: linear-gradient(90deg, transparent, var(--nf-glow) 30%, transparent 44%, transparent 56%, var(--nf-glow) 70%, transparent);
	opacity: 0.7;
}
.nak-footer__rule::after {
	content: ""; position: absolute; left: 50%; top: 0;
	width: 30px; height: 30px; transform: translateX(-50%);
	background: var(--nf-saffron);
	-webkit-mask: var(--nak-icon-fusion) center / contain no-repeat;
	mask: var(--nak-icon-fusion) center / contain no-repeat;
}

.nak-footer__follow {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: 0.6rem 1rem; margin-top: 1.2rem;
}
.nak-footer--crest .nak-footer__head--follow { margin: 0; }
.nak-footer--crest .nak-social__link { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); }

/* ---------- Link columns ---------- */
.nak-footer--crest .nak-footer__grid {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem 0;
	padding-block: clamp(2rem, 1.6rem + 2vw, 3.2rem) clamp(2.4rem, 2rem + 2vw, 3.6rem);
	border-top: 1px solid var(--nf-line);
}
.nak-footer--crest .nak-footer__col {
	padding-inline: clamp(1rem, 0.6rem + 1.4vw, 2rem);
	border-left: 1px solid var(--nf-line);
}
.nak-footer--crest .nak-footer__col:first-child { border-left: 0; padding-left: 0; }
.nak-footer--crest .nak-footer__grid .nak-footer__head {
	display: flex; align-items: center; gap: 0.55rem;
	margin: 0 0 1rem;
	font-family: var(--nak-display);
	font-size: var(--nak-step-0);
	font-weight: var(--nak-disp-weight, 600);
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--nf-glow);
}
.nak-footer--crest .nak-footer__grid .nak-footer__head::before {
	content: ""; width: 18px; height: 18px; flex: 0 0 auto;
	background: var(--nf-saffron);
	-webkit-mask: var(--nak-icon-fusion) center / contain no-repeat;
	mask: var(--nak-icon-fusion) center / contain no-repeat;
}
.nak-footer--crest .nak-footer__links { gap: 0.65rem; }
.nak-footer--crest .nak-footer__links a {
	display: inline-flex; align-items: center; gap: 0.5rem;
	transition: color 0.2s ease, transform 0.2s ease;
}
.nak-footer--crest .nak-footer__links a:hover { color: var(--nf-glow); transform: translateX(3px); }

/* ---------- Bottom bar ---------- */
.nak-footer--crest .nak-footer__bar {
	position: relative;
	border-top: 0;
	background: rgba(0, 0, 0, 0.28);
}
.nak-footer--crest .nak-footer__bar::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
	background: linear-gradient(90deg, var(--nf-gold) 0 16%, var(--nf-saffron) 16% 42%, var(--nf-red) 42% 54%, var(--nf-maroon) 54% 84%, var(--nf-clove) 84%);
	opacity: 0.85;
}
.nak-footer--crest .nak-footer__bar-inner { padding-block: 1.1rem; }
.nak-footer__bar-brand { display: inline-flex; align-items: center; gap: 0.7rem; }
.nak-footer__bar-mark { display: block; width: 34px; height: 34px; flex: 0 0 auto; transition: transform 0.3s ease; }
.nak-footer__bar-mark:hover { transform: rotate(-6deg); }
.nak-footer__bar-mark .nak-icon { width: 100%; height: 100%; }
.nak-footer__copy { color: var(--nak-stone); }
.nak-footer__copy-name { font-family: var(--nak-display); white-space: nowrap; }
.nak-footer__copy-name em { color: var(--nf-saffron); font-style: italic; }
.nak-footer__copy-name strong { color: var(--nak-cream); font-weight: 700; }
.nak-footer__copy-name small {
	font-family: var(--nak-body); font-size: 0.68em; letter-spacing: 0.24em;
	text-transform: uppercase; color: var(--nak-stone);
}
.nak-footer__rights { opacity: 0.75; }
.nak-footer--crest .nak-footer__nav a:hover { color: var(--nf-glow); }
.nak-footer--crest .nak-footer__madewith { font-style: italic; opacity: 0.8; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
	.nak-footer--crest .nak-footer__grid { grid-template-columns: repeat(2, 1fr); }
	.nak-footer--crest .nak-footer__col:nth-child(odd) { border-left: 0; padding-left: 0; }
}
@media (max-width: 560px) {
	.nak-footer__box .nak-brand__top { padding: 0.5rem 0.9rem 0.5rem 0.7rem; }
	.nak-footer__box .nak-brand__mark { width: 46px; height: 46px; }
	.nak-footer__box .nak-brand__namaste,
	.nak-footer__box .nak-brand__angkor { font-size: 1.3rem; }
	.nak-footer__box .nak-brand__kitchen { font-size: 0.6rem; letter-spacing: 0.2em; }
	.nak-footer--crest .nak-footer__tagline { font-size: 1.05rem; }
	.nak-footer__tagline--phrases { flex-direction: column; gap: 0.15rem; }
	.nak-footer__dot { display: none; }
	.nak-footer--crest .nak-footer__links:has(> li:nth-child(6)) { grid-template-columns: 1fr 1fr; column-gap: 1rem; }
	.nak-footer--crest .nak-footer__grid { grid-template-columns: 1fr; }
	.nak-footer--crest .nak-footer__col { border-left: 0; padding-left: 0; }
	.nak-footer--crest .nak-footer__col + .nak-footer__col { padding-top: 1.6rem; border-top: 1px solid var(--nf-line); }
	.nak-footer--crest .nak-footer__bar-inner { flex-direction: column; text-align: center; }
	.nak-footer__bar-brand { flex-direction: column; gap: 0.4rem; }
	.nak-footer--crest .nak-footer__nav { flex-wrap: wrap; justify-content: center; }
}
@media (max-width: 360px) {
	.nak-footer__box .nak-brand__mark { width: 38px; height: 38px; }
	.nak-footer__box .nak-brand__namaste,
	.nak-footer__box .nak-brand__angkor { font-size: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
	.nak-footer--crest .nak-footer__links a,
	.nak-footer__bar-mark { transition: none; }
	.nak-footer--crest .nak-footer__links a:hover,
	.nak-footer__bar-mark:hover { transform: none; }
}