/* ========================================
   FOOTER STYLES
   ======================================== */

#footer {
	background-color: #001a4d;
	/* Dark Blue from P.A.N. Brand */
	color: #ffffff;
	font-family: 'Archivo', sans-serif;
	padding-top: 40px;
	padding-bottom: 60px;
}

.footer-top {
	padding-bottom: 10px;
}

.footer-logo {
	max-height: 80px;
	width: auto;
}

.country-selector {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ffffff;
	border-radius: 25px;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	transition: background-color 0.3s;
}

.country-selector i {
	margin-right: 10px;
}

.country-selector:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.footer-line {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0;
	opacity: 1;
}

/* Middle Section */
.footer-heading {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.footer-links {
	margin: 0;
	padding: 0;
}

.footer-links li {
	margin-bottom: 15px;
	list-style: none;
}

.footer-links a {
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	transition: opacity 0.3s ease;
	display: inline-block;
}

.footer-links a:hover {
	opacity: 0.7;
	text-decoration: none;
}

/* Social Media Icons */
.footer-social {
	display: flex;
	gap: 12px;
	margin-bottom: 30px;
}

.footer-social li {
	list-style: none;
}

.footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	transition: background-color 0.3s, transform 0.3s;
	padding: 8px;
}

.footer-social a:hover {
	background-color: #ffffff;
	transform: scale(1.1);
}

.footer-social a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
	transition: filter 0.3s;
}

.footer-social a:hover {
	border-color: #FFF;
	transform: scale(1.2);
	background-color: transparent;
	/* Changed from white to keep focus on the colored icon */
}



/* Address Bottom Styles */
.footer-address-bottom {
	font-size: 15px;
	color: #ffffff;
}



/* Bottom Section */
.footer-bottom {
	font-size: 15px;
	color: #ffffff;
}

.footer-copyright {
	margin: 0;
	font-size: .875em;
}

/* Responsive Design */
@media (max-width: 991px) {
	.footer-column {
		margin-bottom: 20px;
	}

	.footer-top .text-end {
		text-align: left !important;
		margin-top: 40px;
	}
	.d-flex.flex-column.h-100 {
    margin-bottom: -40px;
    }
}


@media (max-width: 767px) {
	.footer-column {
		text-align: left;
	}

	.footer-social {
		justify-content: flex-start;
	}
	.d-flex.flex-column.h-100 {
    margin-bottom: -40px;
    }
}