/* Footer — tokens and modern layout */

.site-footer {
	background: var(--bps-neutral-800);
	color: #fff;
	padding: var(--bps-space-8) var(--bps-space-4) var(--bps-space-16);
}

#footerContentWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--bps-space-8);
}

.footerMenuBlock {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: center;
}
.footerMenuBlock > h3 {
	border-bottom: 2px solid var(--bps-primary);
	padding: 0 var(--bps-space-2) var(--bps-space-2);
	margin-bottom: var(--bps-space-2);
	font-size: var(--bps-font-size-lg);
}
.footerMenuBlock > a {
	display: block;
	padding: var(--bps-space-2);
	color: rgba(255,255,255,0.85);
	text-decoration: none;
	font-size: var(--bps-font-size-sm);
	transition: color var(--bps-transition);
}
.footerMenuBlock > a:hover,
.footerMenuBlock > a:focus-visible {
	color: #fff;
	outline: none;
}

#footerBottomRow {
	margin-top: var(--bps-space-8);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--bps-space-6);
}

#socialBar {
	display: flex;
	flex-direction: row;
	gap: var(--bps-space-4);
}
.socialIcon {
	font-size: 24px;
}
.socialIcon a {
	color: rgba(255,255,255,0.85);
	transition: color var(--bps-transition);
}
.socialIcon a:hover,
.socialIcon a:focus-visible {
	color: #fff;
	outline: none;
}

#subscribeBar {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--bps-space-2);
	text-align: center;
}
#subscribeBar form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bps-space-2);
	justify-content: center;
}
#subscribeLabel {
	color: rgba(255,255,255,0.85);
	font-size: var(--bps-font-size-sm);
	margin-bottom: 0;
}
#subscribeBox {
	width: 100%;
	max-width: 260px;
	padding: var(--bps-space-2) var(--bps-space-3);
	font-size: var(--bps-font-size-base);
	border: 1px solid var(--bps-neutral-500);
	border-radius: var(--bps-radius-sm);
}
#subscribeButton {
	padding: var(--bps-space-2) var(--bps-space-5);
	font-size: var(--bps-font-size-sm);
	font-weight: 600;
	color: #fff;
	background: var(--bps-primary);
	border: none;
	border-radius: var(--bps-radius-md);
	cursor: pointer;
	transition: background var(--bps-transition);
}
#subscribeButton:hover,
#subscribeButton:focus-visible {
	background: var(--bps-primary-dark);
	outline: 2px solid #fff;
	outline-offset: 2px;
}

#copyrightBar {
	display: block;
	text-align: center;
	color: rgba(255,255,255,0.8);
	font-size: var(--bps-font-size-sm);
}

.powered-by { display: none; }

@media (min-width: 992px) {
	#footerContentWrapper {
		gap: var(--bps-space-12);
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.site-footer { padding: var(--bps-space-20) var(--bps-space-8); }
	.footerMenuBlock {
		width: 28%;
		text-align: left;
	}
	#footerBottomRow {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#socialBar {
		position: fixed;
		bottom: 120px;
		left: 0;
		flex-direction: column;
		background: var(--bps-primary);
		padding: var(--bps-space-2);
		border-radius: 0 var(--bps-radius-lg) var(--bps-radius-lg) 0;
		box-shadow: var(--bps-shadow-md);
	}
	#copyrightBar { order: 2; }
}