/* --- LEGAL LINKS RESPONSIVE ALIGNMENT --- */
.footer .legal-links,
.footer .footer-legal-links,
.legal-links.footer-legal-links,
.footer-bottom-content .legal-links,
.footer-bottom-content .footer-legal-links,
.footer-bottom .footer-bottom-content .legal-links {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

/* Medium screens - adjust to 2 columns if needed */
@media (max-width: 1280px) and (min-width: 1025px) {
	.footer-main-content {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
	
	/* Move Quick Links section 20px to the right */
	.footer-main-content > div:nth-child(2) {
		margin-left: 20px !important;
	}
	
	.footer .legal-links,
	.footer .footer-legal-links,
	.legal-links.footer-legal-links,
	.footer-bottom-content .legal-links,
	.footer-bottom-content .footer-legal-links,
	.footer-bottom .footer-bottom-content .legal-links {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 8px;
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 1024px) {
	.footer .legal-links,
	.footer .footer-legal-links,
	.legal-links.footer-legal-links,
	.footer-bottom-content .legal-links,
	.footer-bottom-content .footer-legal-links,
	.footer-bottom .footer-bottom-content .legal-links {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 8px;
		width: 100%;
		margin-left: 0;
	}
}
/* ============================================
FOOTER STYLES
Shared footer styles for all pages
============================================ */

/* Footer Container */
.footer {
background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
color: white;
padding: 25px 20px 15px;
margin-top: 0px;
width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}

.footer > div {
max-width: 1400px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}

/* Main Footer Content Grid - 3 columns (Company | Quick Links 2-col | Contact) */
.footer-main-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 12px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	box-sizing: border-box;
}

/* Ensure all footer section containers align properly with equal spacing */
.footer-main-content > div {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

/* Company column: align section; logo + app badges remain constant in size/style */
.footer-main-content > div:first-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (min-width: 769px) {
	/* Move company section 50px left; logo + Get it on Google Play remain constant; align section properly */
	.footer .footer-main-content > div:first-child,
	body .footer .footer-main-content > div:first-child {
		margin-left: -50px;
		box-sizing: border-box;
	}
	/* Prevent overflow: extra left padding so shifted column stays visible */
	.footer {
		padding-left: 70px !important;
	}
	/* Logo + Download Our App + Follow Us: same width, all centered */
	.footer-main-content > div:first-child .footer-logo-link,
	.footer-main-content > div:first-child .footer-app-section,
	.footer-main-content > div:first-child .footer-social-section {
		align-self: stretch;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-main-content > div:first-child .footer-logo-link {
		flex-direction: row;
		justify-content: center;
	}
	.footer-main-content > div:first-child .footer-app-badges,
	.footer-main-content > div:first-child .footer-social-icons {
		justify-content: center;
		width: 100%;
	}
}

/* Desktop/Laptop (769px+) - Move Quick Links 20px right */
@media (min-width: 769px) {
	/* Move Quick Links section 20px to the right - MAXIMUM SPECIFICITY */
	.footer .footer-main-content > div:nth-child(2),
	body .footer .footer-main-content > div:nth-child(2),
	html body .footer .footer-main-content > div:nth-child(2),
	.footer-main-content > div:nth-child(2) {
		margin-left: 20px !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}


.footer-logo-link {
	text-decoration: none;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0;
	transition: transform 0.3s ease;
}

.footer-logo-link:hover {
transform: scale(1.02);
}

.footer-logo-video {
width: 50px;
height: 50px;
margin-right: 15px;
border-radius: 8px;
}

.footer-logo-svg {
height: 32px;
width: auto;
}

/* App Download Section */
.footer-app-section {
	margin-bottom: 4px;
	margin-left: 0;
	padding-left: 0;
}

.footer-app-title {
color: #00ff7a;
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 600;
text-align: center;
margin-left: 0px;
margin-top: 0px;
}

.footer-coming-soon {
color: #94a3b8;
font-size: 0.85rem;
text-align: center;
margin: 0 0 8px 0;
padding: 0;
line-height: 1.3;
}

.footer-app-badges {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-left: 0px;
opacity: 0.6;
}

.footer-app-badge {
display: inline-block;
transition: transform 0.3s ease;
cursor: not-allowed;
}

.footer-app-badge:hover {
transform: scale(1.05);
}

.footer-app-badge img {
height: 50px;
width: 155px;
border-radius: 8px;
object-fit: contain;
}

/* Social Media Section */
.footer-social-section {
	margin-top: 2px;
	margin-left: 0;
	padding-left: 0;
}

.footer-social-title {
color: #00ff7a;
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 600;
text-align: center;
margin-left: 0px;
}

.footer-social-icons {
display: flex;
gap: 12px;
justify-content: center;
margin-left: 0px;
opacity: 0.6;
}

.footer-social-icon {
color: #cbd5e1;
font-size: 1.5rem;
transition: all 0.3s ease;
cursor: not-allowed;
}

.footer-social-icon:hover {
color: #00ff7a;
transform: scale(1.2);
}

/* Quick Links Wrapper - 2 columns side by side */
.footer-quick-links-wrapper {
	display: flex;
	flex-direction: row;
	gap: 24px;
	flex-wrap: wrap;
	min-width: 0;
}

.footer-quick-links-col {
	flex: 1 1 160px;
	min-width: 140px;
}

/* Quick Links Section */
.footer-quick-links-title {
	color: #00ff7a;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: left;
}

.footer-quick-links-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0;
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Footer Links (used in multiple sections) */
.footer-link {
	color: #cbd5e1;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 1rem;
	display: block;
	padding: 0;
	padding-left: 0;
	margin: 0;
	margin-left: 0;
	text-align: left;
}

.footer-link:hover {
color: #00ff7a;
}

/* Legal links specific styling to match index.html spacing */
.footer .legal-links.footer-legal-links .footer-link,
.footer .footer-bottom-content .legal-links .footer-link,
.footer .legal-links .footer-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 6px 8px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
border-radius: 6px !important;
transition: all 0.3s ease !important;
}

.footer .legal-links.footer-legal-links .footer-link:hover,
.footer .footer-bottom-content .legal-links .footer-link:hover,
.footer .legal-links .footer-link:hover {
color: #00ff7a !important;
background-color: rgba(0, 255, 122, 0.1) !important;
}

/* About HEALTHCAARD Section */
.footer-about-section {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

/* Move About section 30px left on desktop */
@media (min-width: 1025px) {
	.footer-about-section {
		margin-left: -30px !important;
	}
}

/* Desktop/Laptop: Move About section 30px left - DUPLICATE REMOVED (consolidated above) */

.footer-about-title {
	color: #00ff7a;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	text-transform: lowercase;
}

.footer-about-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.footer-about-desc {
	color: #cbd5e1;
	font-size: 0.95rem;
	line-height: 1.6;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

/* Contact Info Section */
.footer-contact-title {
	color: #00ff7a;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
}

.footer-contact-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.footer-contact-icon {
color: #00ff7a;
font-size: 1.2rem;
width: 20px;
}

.footer-contact-text {
color: #cbd5e1;
font-size: 1rem;
}

/* Bottom Section */
.footer-bottom {
	border-top: 1px solid #475569;
	padding-top: 8px;
}

.footer-bottom-content {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 15px !important;
	width: 100% !important;
}

/* Legal Links - FIRST */
.footer-legal-links,
.legal-links.footer-legal-links,
.footer-bottom-content .legal-links {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	order: 1 !important;
}

/* Copyright - LAST */
.footer-copyright,
.footer-bottom-content .footer-copyright {
	color: #94a3b8 !important;
	font-size: 0.9rem !important;
	text-align: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	order: 2 !important;
}

/* Center both legal links and copyright on all screen sizes */
@media (min-width: 769px) {
	.footer-bottom-content {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}

	/* Legal Links - FIRST */
	.footer-legal-links,
	.footer .legal-links,
	.footer .footer-legal-links,
	.legal-links.footer-legal-links,
	.footer-bottom-content .legal-links,
	.footer-bottom-content .footer-legal-links,
	.footer-bottom .footer-bottom-content .legal-links {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 6px !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		flex-wrap: wrap !important;
		order: 1 !important;
	}
	
	/* Copyright - LAST */
	.footer-copyright,
	.footer-bottom-content .footer-copyright,
	.footer-bottom .footer-bottom-content .footer-copyright {
		text-align: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		order: 2 !important;
	}
}

.footer-copyright p {
	margin: 0;
	text-align: center;
}

.footer-designed-by {
	margin: 3px 0 0 0;
	font-size: 0.8rem;
	text-align: center;
}

/* Override style.css and index.html CSS for legal links in footer - CENTER ALL */
.footer .legal-links,
.footer .footer-legal-links,
.footer-bottom-content .legal-links,
.footer-bottom-content .footer-legal-links,
.footer-bottom .footer-bottom-content .legal-links,
.footer-bottom .footer-bottom-content .footer-legal-links,
footer.footer .legal-links,
footer.footer .footer-legal-links,
.footer .legal-links[style*="justify-content"],
.footer-bottom-content .legal-links[style*="justify-content"],
.footer-bottom .footer-bottom-content .legal-links[style*="justify-content"] {
	margin: 0 !important;
	padding: 0 !important;
	justify-content: center !important;
	gap: 6px !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	order: 1 !important;
}

/* CRITICAL: Override inline styles and all CSS for legal links - must be at the end to ensure it takes precedence */
/* This overrides inline style="justify-content: center" from backup file and index.html */
/* This also overrides style.css line 799-803 which centers legal links */
.footer .legal-links,
.footer-bottom-content .legal-links,
.footer-bottom .footer-bottom-content .legal-links,
.legal-links.footer-legal-links,
.footer-legal-links.legal-links,
footer.footer .footer-bottom-content .legal-links,
footer.footer .footer-bottom .footer-bottom-content .legal-links,
.footer .footer-bottom-content .legal-links,
.footer .footer-bottom .footer-bottom-content .legal-links {
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	flex-wrap: wrap !important;
	order: 1 !important;
}

/* ULTRA-SPECIFIC: Override style.css rules with maximum specificity - CENTER ALL */
footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
footer.footer .footer-bottom-content .legal-links.footer-legal-links,
.footer.footer .footer-bottom .footer-bottom-content .legal-links,
.footer.footer .footer-bottom-content .legal-links,
body .footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
body .footer .footer-bottom-content .legal-links.footer-legal-links,
html body .footer .footer-bottom .footer-bottom-content .legal-links,
html body .footer .footer-bottom-content .legal-links {
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	flex-wrap: wrap !important;
	order: 1 !important;
}

/* MAXIMUM SPECIFICITY: Override ALL possible conflicting rules - CENTER ALL */
	html body .footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	html body .footer.footer .footer-bottom-content .legal-links.footer-legal-links,
	body .footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	body .footer.footer .footer-bottom-content .legal-links.footer-legal-links {
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		width: 100% !important;
		flex-wrap: wrap !important;
		text-align: center !important;
		order: 1 !important;
	}

/* Mobile height/positioning fix - ensure footer displays fully on mobile */
@media (max-width: 768px) {
	html {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	
	body {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: visible !important;
		overflow-x: hidden !important;
	}
	
	.footer-preview-container {
		min-height: 100vh !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	/* Spacer can shrink if footer is tall - allows page to scroll */
	.footer-spacer {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}
	
	.footer {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	.footer-main-content {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	.footer-bottom {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	/* Ensure all footer child elements can display fully */
	.footer * {
		max-width: 100% !important;
		box-sizing: border-box !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
	}
	
}

/* Tablet Styles - Small Tablets (768px - 900px) */
@media (min-width: 769px) and (max-width: 900px) {
	/* Fix footer position - ensure it stays at bottom and allows full height */
	.footer-preview-container {
		min-height: 100vh !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	/* Spacer can shrink if footer is tall - allows scrolling */
	.footer-spacer {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}
	
	/* Fix: Ensure footer displays full width */
	.footer {
		padding: 25px 18px 18px;
		width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden;
	}
	
	/* Fix: Remove max-width constraint */
	.footer > div {
		padding: 0 8px;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.footer-main-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		width: 100% !important;
	}
	
	/* Ensure all section containers have equal spacing on tablet */
	.footer-main-content > div {
		padding: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-right: 0 !important;
		min-width: 0 !important;
	}
	
	/* Move Quick Links section 20px to the right on tablet - MUST come after margin rules */
	.footer-main-content > div:nth-child(2) {
		margin-left: 20px !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.footer-quick-links-title,
	.footer-about-title,
	.footer-contact-title {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.footer-about-title {
		text-transform: lowercase !important;
	}
	
	.footer-quick-links-list {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.footer-about-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	
	.footer-about-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.footer-about-desc {
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.footer-contact-title {
		text-align: left;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-contact-list {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-contact-item {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-designed-by {
		margin-left: 0;
	}
	
	.footer-bottom {
		padding-top: 12px;
		margin-top: 20px;
	}
	
	.footer-preview-container {
		min-height: 100vh !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	/* Spacer can shrink if footer is tall - allows page to scroll */
	.footer-spacer {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}
	
	html {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	
	body {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: visible !important;
		overflow-x: hidden !important;
	}
	
	.footer-bottom {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	/* Ensure all footer child elements can display fully */
	.footer * {
		max-width: 100% !important;
		box-sizing: border-box !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
	}
	
}

/* Tablet Styles - Large Tablets (901px - 1024px) */
@media (min-width: 901px) and (max-width: 1024px) {
	/* Fix footer position - ensure it stays at bottom and allows full height */
	.footer-preview-container {
		min-height: 100vh !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	/* Spacer can shrink if footer is tall - allows scrolling */
	.footer-spacer {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}
	
	/* Fix: Ensure footer displays full width */
	.footer {
		padding: 28px 20px 20px;
		width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden;
	}
	
	/* Fix: Remove max-width constraint */
	.footer > div {
		padding: 0 10px;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.footer-main-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		width: 100% !important;
	}
	
	/* Ensure all section containers have equal spacing on large tablet */
	.footer-main-content > div {
		padding: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-right: 0 !important;
		min-width: 0 !important;
	}
	
	/* Move Quick Links section 20px to the right on large tablet - MUST come after margin rules */
	.footer-main-content > div:nth-child(2) {
		margin-left: 20px !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.footer-quick-links-title,
	.footer-about-title,
	.footer-contact-title {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.footer-quick-links-list {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.footer-about-section {
		padding: 0 !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.footer-about-title {
		text-transform: lowercase !important;
	}
	
	.footer-about-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-about-desc {
		max-width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-contact-title {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-contact-list {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-contact-item {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.footer-designed-by {
		margin-left: 0;
	}
	
	.footer-bottom {
		padding-top: 12px;
		margin-top: 20px;
	}
	
	.footer-preview-container {
		min-height: 100vh !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	
	/* Spacer can shrink if footer is tall - allows page to scroll */
	.footer-spacer {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}
	
	html {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	
	body {
		height: auto !important;
		min-height: 100% !important;
		max-height: none !important;
		overflow-y: visible !important;
		overflow-x: hidden !important;
	}
	
	.footer-bottom {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	/* Ensure all footer child elements can display fully */
	.footer * {
		max-width: 100% !important;
		box-sizing: border-box !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
	}
	
}

/* Responsive Footer Styles */

/* Mobile Styles (max-width: 768px) */
@media (max-width: 768px) {
	.footer {
		padding: 20px 15px 15px;
		overflow-x: hidden;
		width: 100%;
	}
	
	.footer > div {
		padding: 0 5px;
	}
	
	.footer-main-content {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	/* Ensure all section containers have equal spacing on mobile */
	.footer-main-content > div {
		padding: 0 !important;
		margin: 0 !important;
		min-width: 0 !important;
	}
	
	/* Remove margin on mobile - Quick Links should align normally */
	.footer-main-content > div:nth-child(2) {
		margin-left: 0 !important;
	}
	
	/* Ensure all section containers maintain alignment on mobile */
	.footer-main-content > div {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	
	.footer-quick-links-title,
	.footer-about-title,
	.footer-contact-title {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	
	.footer-quick-links-wrapper {
		flex-direction: column;
		align-items: center;
	}
	
	.footer-quick-links-col {
		width: 100%;
		max-width: 280px;
	}
	
	.footer-quick-links-title {
		text-align: center;
	}
	
	.footer-quick-links-list {
		padding: 0;
		padding-left: 0 !important;
		margin-left: 0 !important;
		align-items: center;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.footer-link {
		text-align: center;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	/* Center logo and app download section */
	.footer-main-content > div:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.footer-logo-link {
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.footer-app-section {
		align-items: center;
		text-align: center;
	}
	
	.footer-app-badges {
		justify-content: center;
		width: 100%;
	}
	
	.footer-social-section {
		text-align: center;
		margin-left: 0;
	}
	
	.footer-quick-links-title {
		text-align: center;
	}
	
	.footer-about-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
	}
	
	.footer-about-title {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
		text-transform: lowercase !important;
	}
	
	.footer-about-content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
	
	.footer-about-desc {
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
	
	.footer-contact-title {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
	
	.footer-contact-list {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		align-items: center;
	}
	
	.footer-contact-item {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.footer-contact-item {
		justify-content: center;
		text-align: center;
	}
	
	.footer-designed-by {
		margin-left: 0;
		text-align: center;
	}
	
	.footer-copyright {
		text-align: center;
		width: 100%;
		order: 2 !important;
	}
	
	.footer-bottom-content {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	/* Legal Links - FIRST on mobile */
	.footer .legal-links,
	.footer-bottom-content .legal-links,
	.footer-legal-links,
	.legal-links.footer-legal-links {
		justify-content: center !important;
		margin-left: 0 !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px 12px !important;
		width: 100% !important;
		order: 1 !important;
	}
	
	/* Copyright - LAST on mobile */
	.footer-copyright {
		text-align: center !important;
		width: 100% !important;
		order: 2 !important;
	}
	
	.footer .legal-links .footer-link,
	.footer-bottom-content .legal-links .footer-link {
		width: calc(50% - 12px) !important;
		min-width: 120px !important;
		text-align: center !important;
		justify-content: center !important;
		margin: 0 !important;
	}
}

/* Small Mobile Styles (max-width: 480px) */
@media (max-width: 480px) {
	.footer {
		padding: 18px 12px 12px;
	}
	
	.footer > div {
		padding: 0;
	}
	
	.footer-main-content {
		gap: 20px;
	}
	
	.footer-logo-video {
		width: 45px;
		height: 45px;
		margin-right: 12px;
	}
	
	.footer-logo-svg {
		height: 28px;
	}
	
	.footer-app-title,
	.footer-social-title,
	.footer-quick-links-title,
	.footer-about-title,
	.footer-contact-title {
		font-size: 1.1rem;
	}
	
	.footer-about-title {
		text-transform: lowercase !important;
	}
	
	.footer-link {
		font-size: 0.9rem;
	}
	
	.footer-about-desc {
		font-size: 0.9rem;
	}
	
	.footer-app-badge img {
		height: 45px;
		width: 140px;
	}
	
	.footer-social-icon {
		font-size: 1.3rem;
	}
	
	.footer-copyright {
		font-size: 0.85rem;
		order: 2 !important;
	}
	
	.footer-designed-by {
		font-size: 0.75rem;
	}
	
	.footer .legal-links .footer-link,
	.footer-bottom-content .legal-links .footer-link {
		width: 100% !important;
		min-width: auto !important;
		padding: 8px 12px !important;
	}
}

/* FINAL OVERRIDE: Desktop - Force legal links to CENTER */
/* This must be at the very end to override index.css and style.css */
/* CRITICAL: This overrides ALL other CSS including inline styles via JavaScript */
@media (min-width: 769px) {
	html body .footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	html body .footer.footer .footer-bottom-content .legal-links.footer-legal-links,
	body .footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	body .footer.footer .footer-bottom-content .legal-links.footer-legal-links,
	.footer.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	.footer.footer .footer-bottom-content .legal-links.footer-legal-links,
	.footer .footer-bottom .footer-bottom-content .legal-links.footer-legal-links,
	.footer .footer-bottom-content .legal-links.footer-legal-links,
	.footer .legal-links.footer-legal-links,
	.footer .legal-links,
	/* Target even with inline styles */
	.footer .legal-links[style*="justify-content"],
	.footer .footer-legal-links[style*="justify-content"],
	.footer-bottom-content .legal-links[style*="justify-content"] {
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		width: 100% !important;
		flex-wrap: wrap !important;
		order: 1 !important;
	}
	
	/* Ensure Copyright is LAST */
	.footer-copyright,
	.footer-bottom-content .footer-copyright {
		order: 2 !important;
	}
}