/* ============================================================
 * Novelty Technologies — custom multi-column footer, LIGHT theme.
 * The theme (Kirki inline CSS) paints .site-footer + .copyright #111;
 * we override to white here. Kirki's rules are inline and specific, so
 * the colour overrides carry !important to win.
 *
 * Column titles take the logo navy; links/icons hover to the logo blue.
 * Brand tokens come from catalogue.css (enqueued site-wide, first).
 * ============================================================ */

:root {
	--nv-foot-bg: #ffffff;
	--nv-foot-copy-bg: #f7f8fa;
	--nv-foot-ink: #132a79;   /* titles — logo navy */
	--nv-foot-text: #5b6270;  /* body + links */
	--nv-foot-line: #e6e8ec;
	--nv-foot-accent: #0071bc; /* hover — logo blue */
}

/* ---- White chrome (beats theme's #111) ---- */
.novelty-footer.site-footer,
footer.copyright {
	background-color: var(--nv-foot-bg) !important;
	color: var(--nv-foot-text) !important;
}
.novelty-footer.site-footer {
	padding: 3.5rem 0 2.75rem;
	border-top: 1px solid var(--nv-foot-line);
}

/* ---- Grid ---- */
.novelty-footer-grid {
	display: grid;
	grid-template-columns: 1.5fr repeat(5, 1fr);
	gap: 32px;
}

@media (max-width: 1100px) {
	.novelty-footer-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; }
	.novelty-foot-nap { grid-column: span 3; }
}

@media (max-width: 760px) {
	.novelty-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
	.novelty-foot-nap { grid-column: span 2; }
}

@media (max-width: 480px) {
	.novelty-footer-grid { grid-template-columns: 1fr; gap: 26px; }
	.novelty-foot-nap { grid-column: auto; }
}

/* ---- Column titles ---- */
.novelty-footer .novelty-foot-title {
	color: var(--nv-foot-ink);
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 16px;
	letter-spacing: .01em;
}

.novelty-footer .novelty-foot-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.novelty-footer .novelty-foot-col li {
	margin-bottom: 9px;
}

/* ---- Links (override Kirki footer link colour) ---- */
.novelty-footer.site-footer a,
.novelty-footer.site-footer a:not(.button),
footer.copyright a {
	color: var(--nv-foot-text) !important;
	text-decoration: none;
	transition: color .15s ease;
}
.novelty-footer.site-footer a:hover,
.novelty-footer.site-footer a:not(.button):hover,
footer.copyright a:hover {
	color: var(--nv-foot-accent) !important;
}

/* ---- Footer logo (first column) ---- */
.novelty-foot-logo { margin: 0 0 18px; line-height: 0; }
.novelty-foot-logo a { display: inline-block; }
.novelty-footer .novelty-foot-logo img,
.novelty-footer .novelty-foot-logo .custom-logo {
	max-height: 52px;
	width: auto !important;
	height: auto !important;
	max-width: 200px;
}

/* ---- NAP block ---- */
.novelty-footer address { font-style: normal; }

.novelty-foot-nap-row {
	display: flex;
	gap: 11px;
	align-items: flex-start;
	margin-bottom: 13px;
	color: var(--nv-foot-text);
	line-height: 1.45;
	font-size: 14.5px;
}

.novelty-foot-nap-row svg {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	margin-top: 2px;
	color: var(--nv-foot-accent);
}

/* ---- Social icons (light chips) ---- */
.novelty-foot-social {
	display: flex;
	gap: 12px;
}

.novelty-footer .novelty-foot-social a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f3f4f6 !important;
	color: var(--nv-foot-ink) !important;
	transition: background .15s ease, color .15s ease, transform .15s ease;
}

.novelty-footer .novelty-foot-social a:hover {
	background: var(--nv-foot-accent) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.novelty-foot-social svg {
	width: 20px;
	height: 20px;
}

/* ---- Copyright bar ---- */
footer.copyright {
	background-color: var(--nv-foot-copy-bg) !important;
	border-top: 1px solid var(--nv-foot-line);
}