/* Footer Section */
.footer {
    background: #0a0a0a;
    padding: 8rem 5% 2rem;
    color: var(--color-c);
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    margin-bottom: 5rem;
}

.footer-logo-section .nav-logo {
    width: 70px;
    height: 70px;
    margin-bottom: 1.5rem;
}

.footer-logo-section .nav-name {
    font-size: 2rem;
}

.footer-section {
    color: var(--color-c); /* Changed to color-c for better readability */
    margin-bottom: 1.5rem;
}

.footer-section h4 {
    font-size: 1.2rem; /* Setting specific font-size for headings */
    color: var(--color-b);
    margin-bottom: 1.5rem;
}

.footer-section ul {
    list-style: none;
}

.footer-section ul li {
    margin-bottom: 1rem;
}

.footer-section ul li a {
    text-decoration: none;
    color: var(--color-c);
    transition: color 0.3s;
    font-size: 1rem; /* Set to 1rem as per user request */
}

.footer-contact-details-section {
    position: relative; /* For absolute positioning of map icon if needed */
}

.contact-item-wrapper {
    display: flex; /* For horizontal alignment of content within wrapper */
    align-items: center; /* Vertically align content and icon */
    margin-bottom: 0.5rem; /* Gap between items */
    font-size: 1rem; /* Consistent smaller font - changed from 0.9rem to 1rem */
    color: var(--color-c); /* White text */
}

.contact-item-wrapper p {
    margin-bottom: 0; /* Remove default paragraph margin */
}

.contact-item-wrapper a {
    color: var(--color-c); /* White color for links */
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.contact-item-wrapper a:hover {
    color: var(--color-b); /* Hover color */
}

.contact-item-wrapper a.footer-map-redirect-icon {
    display: inline-flex; /* Use flex for icon content */
    align-items: center; /* Vertically align SVG within link */
    justify-content: center;
    color: var(--color-c); /* White color */
    width: 16px; /* Icon size */
    height: 16px;
    margin-left: 8px; /* Space from text */
    transition: transform 0.3s ease;
}

.contact-item-wrapper a.footer-map-redirect-icon:hover {
    transform: scale(1.2);
    color: var(--color-b); /* Hover color for icon */
}

.contact-item-wrapper a.footer-map-redirect-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 2;
}

/* Reverted link styling within footer sections */
.footer-section p a {
    color: var(--color-c); /* Original color (white) */
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.footer-section p a:hover {
    color: var(--color-b); /* Default hover color */
    text-decoration: underline; /* Default underline on hover */
}


.footer-section ul li a:hover {
    color: var(--color-b);
}

.footer-socials {
    display: flex;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.footer-socials a {
    color: var(--color-c);
    transition: color 0.3s;
}

.footer-socials a:hover {
    color: var(--color-b);
}

.footer-socials svg {
    width: 24px;
    height: 24px;
}

.footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
}

.footer-bottom .btn {
    margin-bottom: 2rem;
}

.footer-bottom p {
    font-size: 0.9rem; /* General paragraph font size in footer bottom */
}

.footer-bottom p a {
    color: var(--color-b);
    text-decoration: none;
}