/* General Footer Styling */
footer {
    background-color: rgb(219, 174, 116); /* Dark background */
    color: #fff; /* Light text */
    padding: 40px 20px; /* Spacing inside the footer */
    width: 100%; /* Full width */
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on small screens */
    justify-content: space-between; /* Space between sections */
    align-items: flex-start; /* Align sections to the top */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Footer Section */
.footer-section {
    flex: 1 1 200px; /* Flexible layout with min width */
    margin: 10px 20px; /* Spacing between sections */
    max-width: 300px; /* Limit the width of each section */
}

.footer-section h3 {
    font-size: 1.2rem; /* Section heading size */
    margin-bottom: 15px; /* Space below headings */
    color: #f9f9f9; /* Slightly lighter text color */
    text-transform: uppercase; /* Uppercase headings */
    letter-spacing: 1px; /* Slight spacing for readability */
    border-bottom: 2px solid #f9f9f9; /* Underline for headings */
    display: inline-block;
    padding-bottom: 5px;
}

.footer-section ul {
    list-style: none; /* Remove default list styling */
    padding: 0; /* No padding */
    margin: 0; /* No margin */
}

.footer-section ul li {
    margin-bottom: 10px; /* Space between list items */
}

.footer-section ul li a {
    color: #ddd; /* Light link color */
    text-decoration: none; /* Remove underline */
    font-size: 0.9rem; /* Slightly smaller link size */
    transition: color 0.3s ease; /* Smooth hover effect */
}

.footer-section ul li a:hover {
    color: #f9f9f9; /* Lighter hover color */
    text-decoration: underline; /* Add underline on hover */
}

/* Social Media Section */
.footer-section.social {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-section.social img {
    width: 30px; /* Social icon size */
    height: 30px; /* Ensure consistent dimensions */
    margin: 5px; /* Space between icons */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth hover effect */
}

.footer-section.social img:hover {
    transform: scale(1.2); /* Slight zoom on hover */
    opacity: 0.8; /* Dim slightly */
}

.footer-section.social a {
    margin: 5px;
}

/* Footer Bottom */
.footer-bottom {
    width: 100%; /* Full width */
    text-align: center; /* Center-align text */
    margin-top: 20px; /* Space above */
    font-size: 0.8rem; /* Smaller font size */
    color: #aaa; /* Muted color */
}

/* Responsive Design */
@media (max-width: 768px) {
    footer {
        flex-direction: column; /* Stack sections vertically */
        align-items: center; /* Center-align sections */
    }

    .footer-section {
        text-align: center; /* Center-align text for small screens */
        margin: 20px 0; /* Add more space between sections */
    }

    .footer-section.social {
        flex-direction: row; /* Arrange icons in a row */
    }

    .footer-section.social img {
        margin: 10px; /* Add spacing around icons */
    }
}

@media (max-width: 480px) {
    footer {
        padding: 20px 10px; /* Adjust padding for smaller screens */
    }

    .footer-section h3 {
        font-size: 1rem; /* Reduce heading size */
    }

    .footer-section ul li a {
        font-size: 0.8rem; /* Reduce link size */
    }

    .footer-section.social img {
        width: 25px; /* Smaller social icons */
        height: 25px;
    }
}