/*
 * Purple footer (overrides the theme's white footer in css/style.css).
 * Palette: background #993399, buttons deep #402863, gold #ffd83d for hover.
 */

/* Full width: the purple spans edge to edge; the content stays in the centred column. */
.content-footer {
	left: 0;
	background: #993399;
}
.content-footer:before {
	display: none; /* the theme's white stepped corner */
}
.footer-inner {
	background: transparent;
}

/*
 * The fixed left strip (vertical page title + social icons) overlaps the purple footer at the
 * bottom of the page; a small script in functions.php adds .on-purple to whatever sits over it.
 */
.main-footer .on-purple,
.main-footer .on-purple a,
.main-footer .on-purple span {
	color: #fff !important;
	transition: color 150ms linear;
}

.footer-inner,
.footer-inner p,
.footer-box ul li,
.footer-para {
	color: #fff;
}

/* "01. Contacts" headings */
.footer-header {
	color: #fff;
	letter-spacing: 2px;
}
.footer-header span {
	color: #ffd83d;
}
.footer-header:before {
	background: rgba(255, 255, 255, 0.2);
}

/* Contact list */
.footer-box ul li span {
	color: rgba(255, 255, 255, 0.65);
}
.footer-inner a {
	color: #fff;
}
.footer-inner a:hover,
.footer-inner a:focus {
	color: #ffd83d;
}
.footer-inner a:focus-visible {
	outline: 2px solid #ffd83d;
	outline-offset: 2px;
}
.footer-box ul li .fab {
	margin: 0 4px;
	vertical-align: middle;
}

/* Newsletter */
.subcribe-form span {
	color: rgba(255, 255, 255, 0.8);
}
#subscribe .enteremail {
	background-color: #fff;
	color: #292529;
}
#subscribe-button {
	background: #402863;
	color: #fff;
	transition: background-color 200ms linear;
}
#subscribe-button:hover,
#subscribe-button:focus {
	background: #ffd83d;
	color: #292529;
}
.subscribe-message {
	color: #ffd83d;
}

/* QR code + WhatsApp catalogue icon: keep them on white tiles so they stay readable. */
.footer-inner img.w-50 {
	padding: 6px;
	background: #fff;
	border-radius: 6px;
}

/* Bottom bar */
.policy-box {
	border-top-color: rgba(255, 255, 255, 0.2);
}
.policy-box p {
	color: rgba(255, 255, 255, 0.85);
}
.to-top {
	background: #402863;
	color: #fff;
	transition: background-color 200ms linear;
}
.to-top:hover {
	background: #ffd83d;
	color: #292529;
}