/*--------------------------------------------------------------
# Footer Styles - Speedy Magazine Theme
#
# @package Speedy_Magazine
# @since   1.0.0
--------------------------------------------------------------*/

/* ─── Above Footer ───────────────────────────────────────────── */
.educenters-above-footer {
	padding: 40px 0;
	background-color: #f8f9fa;
	border-top: 1px solid #eee;
}

/* ─── Site Footer ────────────────────────────────────────────── */
.educenters-site-footer {
	background-color: #1a1a2e;
	color: #ccc;
}

/* ─── Footer Widgets ─────────────────────────────────────────── */
.educenters-footer-widgets {
	padding: 50px 0 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.educenters-footer-widgets-row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.educenters-footer-col {
	flex: 1;
	min-width: 250px;
}

.educenters-footer-col .widget-title {
	color: #fff;
	font-size: 1.125rem;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--educenters-primary-color, #e74c3c);
	display: inline-block;
}

.educenters-footer-col a {
	color: #bbb;
	transition: color 0.2s ease;
}

.educenters-footer-col a:hover {
	color: var(--educenters-primary-color, #e74c3c);
}

.educenters-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.educenters-footer-col ul li {
	padding: 6px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.educenters-footer-col ul li:last-child {
	border-bottom: none;
}

/* ─── Footer Bottom Bar ──────────────────────────────────────── */
.educenters-footer-bottom {
	padding: 20px 0;
}

.educenters-footer-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

.educenters-copyright {
	font-size: 0.875rem;
	color: #999;
}

.educenters-copyright a {
	color: var(--educenters-primary-color, #e74c3c);
}

/* ─── Footer Navigation ─────────────────────────────────────── */
.educenters-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.educenters-footer-menu li a {
	font-size: 0.875rem;
	color: #999;
	transition: color 0.2s ease;
}

.educenters-footer-menu li a:hover {
	color: var(--educenters-primary-color, #e74c3c);
}

/* ─── Footer Secondary Menu ──────────────────────────────────── */
.educenters-footer-secondary-nav {
	padding: 18px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.educenters-footer-secondary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
}

.educenters-footer-secondary-menu li a {
	font-size: 0.9375rem;
	color: #ccc;
	font-weight: 500;
	transition: color 0.2s ease;
}

.educenters-footer-secondary-menu li a:hover {
	color: var(--educenters-primary-color, #e74c3c);
}

/* ─── Back to Top ────────────────────────────────────────────── */
.educenters-back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 42px;
	height: 42px;
	background-color: var(--educenters-primary-color, #e74c3c);
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 0;
}

.educenters-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.educenters-back-to-top:hover {
	background-color: var(--educenters-primary-hover, #c0392b);
}

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {

	.educenters-footer-widgets-row {
		flex-direction: column;
	}

	.educenters-footer-col {
		min-width: 100%;
	}

	.educenters-footer-bottom-inner {
		flex-direction: column;
		text-align: center;
	}

	.educenters-footer-menu {
		justify-content: center;
	}

	.educenters-footer-secondary-menu {
		gap: 15px;
	}

	.educenters-back-to-top {
		bottom: 20px;
		right: 20px;
		width: 38px;
		height: 38px;
	}
}
