/* footer.css — site footer contact block (#footer-main).
 *
 * Replaced the old Twitter-widget ribbon (#twitter-holder + tweet.css)
 * on 2026-07-16. Dark band matching the theme's #bottom bar / widget area,
 * with the coral accent as a top border. The #bottom bar below is still
 * styled by the theme's style.css.
 */

#footer-main {
	background: #3e3e3e url(../img/widgets-bg.png);
	border-top: 4px solid #e37655;
	padding: 36px 20px 30px;
	text-align: center;
	color: #ece9d6;
}

.footer-brand {
	font-family: mensch, "Arial Narrow", Arial, sans-serif;
	font-size: 30px;
	line-height: 1.2;
	color: #ece9d6;
	margin: 0 0 4px;
}

.footer-contact {
	margin: 0 0 20px;
}
.footer-contact a {
	color: #fdd600;
	text-decoration: none;
	white-space: nowrap;
}
.footer-contact a:hover,
.footer-contact a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.footer-sep {
	margin: 0 8px;
	color: #8a8a8a;
}

.footer-social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 16px;
}
.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #565656;
	color: #ece9d6;
}
.footer-social a:hover,
.footer-social a:focus-visible {
	background: #e37655;
	color: #fff;
}
.footer-social svg {
	width: 21px;
	height: 21px;
	fill: currentColor;
}

/* Phone: contact line stacks instead of overflowing */
@media (max-width: 480px) {
	.footer-contact {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.footer-sep { display: none; }
}