/**
 * MyChooz Aesthetic - Footer Styles (Minimal Utility)
 * SSDSST: Simple, Speed, Design, Security, SEO, Translate
 */

.mca-footer {
	background: var(--mca-bg);
	border-top: 1px solid var(--wp--preset--color--border, #e5e7eb);
	padding: 24px 48px;
}

.mca-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.mca-footer-copy {
	position: relative;
	font-size: 12px;
	color: var(--wp--preset--color--muted, #9ca3af);
	cursor: default;
}

.mca-footer-logo {
	font-weight: 700;
	letter-spacing: -0.5px;
}

.mca-footer-tooltip {
	position: absolute;
	bottom: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	width: 340px;
	padding: 14px 18px;
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 10px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(0, 0, 0, 0.06);
	font-size: 12px;
	line-height: 1.6;
	color: var(--mca-muted);
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
	z-index: 100;
}

.mca-footer-copy:hover .mca-footer-tooltip,
.mca-footer-copy:focus-within .mca-footer-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.mca-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	font-size: 12px;
}

.mca-footer-links a {
	color: var(--wp--preset--color--muted, #6b7280);
	text-decoration: none;
	transition: color 150ms ease;
}

.mca-footer-links a:hover {
	color: var(--wp--preset--color--text, #1a1a1a);
}

.mca-footer-links a.muted {
	color: #b0b5bd;
}

.mca-footer-links a.muted:hover {
	color: var(--mca-muted);
}

.mca-footer-social {
	display: flex;
	gap: 16px;
}

.mca-footer-social a {
	color: var(--wp--preset--color--muted, #9ca3af);
	transition: color 150ms ease;
}

.mca-footer-social a:hover {
	color: var(--wp--preset--color--text, #1a1a1a);
}

.mca-footer-social svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	display: block;
}

/* Mobile */
@media (max-width: 768px) {
	.mca-footer {
		padding: 20px 24px;
	}

	.mca-footer-inner {
		flex-direction: column;
		text-align: center;
	}

	.mca-footer-links {
		justify-content: center;
		gap: 16px;
	}

	.mca-footer-social {
		gap: 20px;
	}

	.mca-footer-tooltip {
		width: 280px;
		left: 50%;
		transform: translateX(-50%) translateY(4px);
	}

	.mca-footer-copy:hover .mca-footer-tooltip {
		transform: translateX(-50%) translateY(0);
	}
}