/*
 * Footer — luxury black/gold/cream palette.
 *
 * Loaded site-wide (the footer appears on every page). Restyles
 * Astra's existing footer builder markup only — no template changes,
 * no JS. Menu content itself (links/labels) is managed via WP Admin /
 * Royal MCP, not here.
 */

:root {
	--ss-black: #0b0b0b;
	--ss-gold: #c9a24b;
	--ss-gold-light: #e6cd8f;
	--ss-cream: #f7f1e6;
}

/* !important: safety net so this background can't be silently
   overridden — every gold/cream text color in this file depends on
   it staying dark. */
#colophon.site-footer {
	background: var(--ss-black) !important;
	color: var(--ss-cream);
}

#colophon .site-primary-footer-wrap {
	padding-block: 3rem;
}

/* ---- Widget titles ---- */

#colophon .widget-title {
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 1.05rem;
	color: var(--ss-gold);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 1rem;
}

/* ---- Footer nav menus (Useful Links / Categories) ---- */

#colophon .widget_nav_menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

#colophon .widget_nav_menu .menu-link {
	color: rgba(247, 241, 230, 0.8);
	text-decoration: none;
	font-size: 0.9rem;
}

#colophon .widget_nav_menu .menu-link:hover {
	color: var(--ss-gold);
}

/* ---- Social icons ---- */

#colophon .footer-social-item {
	color: var(--ss-cream) !important;
}

#colophon .footer-social-item svg {
	fill: var(--ss-cream);
}

#colophon .footer-social-item:hover svg {
	fill: var(--ss-gold);
}

#colophon .social-item-label {
	color: rgba(247, 241, 230, 0.8);
}

/* ---- Below-footer / copyright bar ---- */

#colophon .site-below-footer-wrap {
	border-top: 1px solid rgba(201, 162, 75, 0.3);
	padding-block: 1.25rem;
}

#colophon .ast-footer-copyright,
#colophon .ast-footer-copyright p {
	color: rgba(247, 241, 230, 0.6);
	font-size: 0.8rem;
	margin: 0;
}

@media (min-width: 782px) {
	#colophon .site-primary-footer-wrap {
		padding-block: 4rem;
	}
}