/**
 * Footer Styles - Minimal Custom CSS
 *
 * Complementary styles for Flowbite/Tailwind footer
 * Only includes styles that Tailwind doesn't cover
 *
 * @package MBK
 */

/* =============================================
   Menu Link Hover Effects
   ============================================= */
.mbk-footer-menu a {
	@apply text-sm font-medium uppercase tracking-wide text-white transition-colors duration-300 relative pb-1 inline-block;
}

.mbk-footer-menu a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #00d4ff;
	transition: width 0.3s ease;
}

.mbk-footer-menu a:hover {
	@apply text-cyan-400;
}

.mbk-footer-menu a:hover::after {
	width: 100%;
}

/* =============================================
   Social Icon SVG Sizing
   ============================================= */
.mbk-footer a[aria-label] svg {
	@apply w-5 h-5;
}

/* =============================================
   Accessibility
   ============================================= */
footer a:focus-visible {
	@apply outline-2 outline-cyan-400 outline-offset-4 rounded;
}

/* =============================================
   Reduced Motion Support
   ============================================= */
@media (prefers-reduced-motion: reduce) {
	footer *,
	footer *::before,
	footer *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}