/* =========== © 2025 Centroarts.com - https://deepbot.cloud =========== */

@media (max-width: 575px) {
	.fixed-btn {
		display: block !important;
		padding: 20px; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;
		background-image: linear-gradient(180deg, hsla(var(--c-body), 0.0) 0%, hsl(var(--c-body)) 100%);
	}
	.fixed-btn ~ .db-footer { padding-bottom: 96px; }
}

/* --- Footer --- */
.db-footer { user-select: none; font-size: 14px; }
.db-footer a { color: inherit !important; text-decoration: none !important; }

.footer-first { display: flex; }
.db-footer-menu { flex: 1 1 auto; white-space: nowrap; }
.db-footer-menu > a { display: block; position: relative; z-index: 1; transition: opacity .2s ease; }
.db-footer-menu > a:hover { opacity: .8; }
.db-footer-menu > a::after { content: ""; position: absolute; inset: -8px; z-index: -1; }

.db-footer-menu > a, .scroll-up, .db-social > a { position: relative; z-index: 1; }
.db-footer-menu > a::after, .db-social > a::after, .scroll-up::after { content: ""; position: absolute; inset: -12px; z-index: -1; }

.scroll-up {
	cursor: pointer; width: 24px; height: 24px; padding: 0 !important;
	border: 0 none !important; background: none !important;
	color: hsl(var(--c-primary2));
}
.scroll-up .ic { transition: transform .2s ease; } 
.scroll-up:hover .ic { transform: translateY(-2px); }

.footer-second { border-top: 1px solid var(--c-border); padding: 40px 0; }

.centroarts { display: flex; align-items: center; opacity: .5; transition: opacity .2s ease; }
.centroarts:hover { opacity: .8; }
.centroarts > .ic { margin-right: 8px; }

.db-social { margin-left: auto; display: flex; align-items: center; gap: 32px; }
.db-social > a {
	display: flex; align-items: center; justify-content: center;
	width: 24px; height: 24px; transition: opacity .2s ease;
}
.db-social > a .ic { width: inherit; height: inherit; }
.db-social > a:hover { opacity: .8; }

@media (max-width: 767px) {
	.db-footer-menu > a + a { margin-top: 12px; }
	.db-footer-menu > a { opacity: .8; }
	.db-footer-menu > a:hover { opacity: 1; }
	.db-footer .wrp { padding-left: 0; padding-right: 0; }
	.footer-second, .footer-first { padding: 32px var(--p-wrp); }

	.centroarts, .db-social { justify-content: center; }
	.db-social { margin-bottom: 64px; }
	.footer-second { text-align: center; }
	.centroarts { margin-top: 12px; }
}
@media (min-width: 768px) {
	.db-footer { padding-top: var(--p-sect); }
	.footer-first { padding: 24px 0; }
	.footer-second { display: flex; align-items: center; }
	.copyright, .centroarts { margin-right: 32px; }
	.db-social { order: 13; }

	.db-footer-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
}