/*
 * Fratelli footer (includes/partials/footer/main-widgets.php)
 * Dark ink ground, brand block + 3 link columns, legal row.
 * Text colours are the reference's computed values (all white-alpha on ink,
 * except the brass tagline).
 */

#footer-outer .fratelli-footer {
	/* local scale — reference footer computed colours */
	--fw-link:      #ffffff;                 /* column links            */
	--fw-blurb:     rgba(255, 255, 255, .6); /* brand blurb             */
	--fw-heading:   rgba(255, 255, 255, .5); /* Shop / Support / Company */
	--fw-faint:     rgba(255, 255, 255, .45);/* copyright + legal links  */
	--fw-tagline:   var(--brass-500);        /* #b08d57                  */
	--fw-rule:      rgba(255, 255, 255, .12);/* legal-row divider        */

	background: var(--ink-950);
	color: var(--fw-link); /* keep */
	padding: 0;
}
#footer-outer .fratelli-footer .container {
	max-width: var(--container-max);
	padding: clamp(56px, 7vw, 96px) var(--container-pad) clamp(40px, 5vw, 56px);
}

/* Main row: brand beside the three columns */
.fratelli-footer-main {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr);
	gap: clamp(40px, 6vw, 96px);
	align-items: start;
}

.fratelli-footer-brand .fratelli-footer-logo {
	display: inline-block;
	margin-bottom: var(--space-6);
	border-bottom: 0;
}
.fratelli-footer-brand .fratelli-footer-logo img {
	height: 28px;
	width: auto;
	display: block;
}
.fratelli-footer-tagline {
	margin: 0 0 var(--space-3);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--fw-tagline) !important;
}
.fratelli-footer-blurb {
	margin: 0;
	max-width: 40ch;
	font-size: 14px;
	line-height: var(--lh-normal);
	color: var(--fw-blurb) !important;
}

/* Columns */
.fratelli-footer-cols {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(24px, 4vw, 56px);
}
.fratelli-footer-heading {
	margin: 0 0 var(--space-4);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--fw-heading) !important;
}
ul.fratelli-footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--space-3); /* reference: 12px flex gap, no li/link padding */
}
#footer-outer #footer-widgets ul.fratelli-footer-menu li {
	margin: 0;
	padding: 0;
	line-height: 1.5; /* Salient's reset gives li `line-height:inherit`, which
	                     resolves to a near-zero length here and collapses the
	                     row - pin it. */
}
#footer-outer #footer-widgets .fratelli-footer-menu a {
	display: block; /* fill the row: full-width click target, one link per line
	                   (the reference's column links are block flex children) */
	color: var(--fw-link) !important; /* keep */
	font-size: 14px !important;
	line-height: 1.5;
	text-decoration: none;
	border-bottom: 0;
	transition: color var(--duration-fast) var(--ease-standard);
}
#footer-outer #footer-widgets .fratelli-footer-menu a:hover {
	color: var(--fw-blurb) !important;
}

/* Legal row */
#footer-outer #footer-widgets .fratelli-footer-legal {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
	margin-top: clamp(40px, 5vw, 72px);
	padding-top: var(--space-6);
	border-top: 1px solid var(--fw-rule);
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: .06em;
	color: var(--fw-faint) !important;
}
ul.fratelli-footer-legal-menu {
	display: flex;
	gap: var(--space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-outer #footer-widgets .fratelli-footer-legal-menu a {
	color: var(--fw-faint) !important;
	font-size: 12px !important;
	letter-spacing: .06em;
	text-decoration: none;
	border-bottom: 0;
}
#footer-outer #footer-widgets .fratelli-footer-legal-menu a:hover {
	color: var(--fw-link) !important; /* keep */
}

@media (max-width: 900px) {
	.fratelli-footer-main {
		grid-template-columns: 1fr;
		gap: var(--space-10);
	}
}
@media (max-width: 620px) {
	.fratelli-footer-cols {
		grid-template-columns: 1fr;
		gap: var(--space-8);
	}
	.fratelli-footer-blurb {
		max-width: none;
	}
	#footer-outer #footer-widgets .fratelli-footer-legal {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-3);
		margin-top: var(--space-10);
	}
}