/* General footer styles */
.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--background-color); /*rgba(193, 195, 198, 0.7)*/
	/* Viewport-based padding to scale with screen size */
	height: auto;
	max-width: 100vw; /* Ensure footer doesn't overflow the viewport */
	box-sizing: border-box;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
}

/* Left side (Logo) */
.footer-left-side {
	flex: 1;
	text-align: left;
}

.footer-left-side-logo {
	height: 50%; /* Use viewport height for proportional scaling */
	width: auto; /* Ensure the aspect ratio is preserved */
	max-width: 15vw; /* Limit the logo width */
	padding-left: 5vw;
	/* object-fit: contain; */ /* Ensures the image scales properly */
}

/* Right side (Legal links) */
.footer-right-side {
	flex: 1;
	align-items: end;
	text-align: right;
	padding-right: 5vw; /* Viewport-based padding to scale with screen size */
}

.footer-right-side h3 {
	color: var(--primary-color); /* #000000 */
	font-size: 1vw; /* Scales the text with the viewport width */
}

.footer-right-side a {
	color: var(--secondary-color); /* #000000 */
	text-decoration: none;
	font-size: 0.9vw; /* Scales the text with the viewport width */
}

.footer-right-side a:hover {
	text-decoration: underline;
	color: var(--highlight-color); /* not set */
}

/* Responsive adjustments */
@media (max-width: 1181px) {
	.footer {
		flex-direction: column;
		text-align: center;
	}

	.footer-left-side,
	.footer-right-side {
		flex: unset; /* Resets flex behavior for responsiveness */
		margin-bottom: 20px;
	}

	.footer-left-side-logo {
		height: auto; /* Adjust the logo size for smaller screens */
		width: 100vw; /* Ensure the logo fills the width */
		max-width: none; /* Remove the maximum width */
	}

	.footer-right-side {
		text-align: center;
	}

	.footer-right-side h3 {
		font-size: 4vw; /* Scales the text with the viewport width */
	}

	.footer-right-side a {
		font-size: 3vw; /* Make the text larger on smaller screens */
	}
}

@media (max-width: 768px) {
	.footer {
		flex-direction: column;
		text-align: center;
	}

	.footer-left-side,
	.footer-right-side {
		flex: unset; /* Resets flex behavior for responsiveness */
		margin-bottom: 20px;
	}

	.footer-left-side-logo {
		height: auto; /* Adjust the logo size for smaller screens */
		width: 100vw; /* Ensure the logo fills the width */
		max-width: none; /* Remove the maximum width */
	}

	.footer-right-side {
		text-align: center;
	}

	.footer-right-side h3 {
		font-size: 4vw; /* Scales the text with the viewport width */
	}

	.footer-right-side a {
		font-size: 3vw; /* Make the text larger on smaller screens */
	}
}

@media (max-width: 480px) {
	.footer {
		padding: 0vw;
	}

	.footer-right-side {
		text-align: center;
	}

	.footer-right-side h3 {
		font-size: 5vw; /* Scales the text with the viewport width */
	}

	.footer-right-side a {
		font-size: 4vw; /* Further scale the text for very small screens */
	}

	.footer-left-side-logo {
		height: auto; /* Adjust the logo height for very small screens */
		width: 100vw; /* Ensure the logo fills the width */
		max-width: none; /* Remove the maximum width */
	}
}