/* ===========================================================
   Footer — shared component
   Rendered on every page, so like the newsletter it carries its
   own tokens and is namespaced under .gr-footer rather than the
   design's generic .footer, which Shoptimizer also styles.
   =========================================================== */

.gr-footer {
	--gr-ink: #201A1C;
	--gr-gold: #B08D57;
	--gr-radius: 2px;

	background: var(--gr-ink);
	color: rgba(255, 255, 255, .72);
	font-family: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.gr-footer__wrap {
	max-width: 1320px;
	margin-inline: auto;
	padding-inline: clamp(20px, 4vw, 48px);
}

.gr-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	gap: clamp(28px, 4vw, 56px);
	padding-block: clamp(44px, 5vw, 72px);
}

.gr-footer h3 {
	margin: 0 0 20px;
	color: #fff;
	font-weight: 500;
	font-size: .75rem;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.gr-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 11px;
}

.gr-footer li,
.gr-footer p {
	margin: 0;
	font-size: .875rem;
	line-height: 1.6;
}

.gr-footer a {
	color: inherit;
	text-decoration: none;
}

.gr-footer a:hover { color: #fff; text-decoration: underline; }
.gr-footer a:focus-visible { outline: 2px solid var(--gr-gold); outline-offset: 2px; }

/* The old footer used a literal ">" typed into each label as a bullet.
   It is a marker, so it belongs in CSS. */
.gr-footer__list li {
	position: relative;
	padding-left: 1em;
}

.gr-footer__list li::before {
	content: "\203A";
	position: absolute;
	left: 0;
	opacity: .45;
}

.gr-footer__meta {
	color: rgba(255, 255, 255, .55);
	display: grid;
	gap: 10px;
}

.gr-footer__base {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding-block: 20px 28px;
}

.gr-footer__base p {
	font-size: .8125rem;
	color: rgba(255, 255, 255, .55);
}

/* Elementor footer template 392 is replaced by this component. It is
   hidden rather than unhooked because Elementor serves that footer from
   _elementor_element_cache, so its should_render filter never runs. */
.elementor-location-footer { display: none !important; }

@media (max-width: 1024px) {
	.gr-footer__grid { grid-template-columns: 1fr; gap: 36px; }
}