/* footer.css */
footer {
    background-color: #b8813e; 
    padding: 20px;            /* Vertical and horizontal padding */
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3); /* Shadow for depth */
    color: #dfd0be;           /* Text color */
    text-align: center;       /* Center the text */
    clear: both;              /* Ensure it clears floated elements */
    width: 100%;              /* Full width */
}

footer p {
    margin: 10px 0;          /* Space between paragraphs */
}

footer a {
    color: #dfd0be;          /* Link color */
    text-decoration: none;    /* Remove underline from links */
    transition: color 0.3s;   /* Smooth transition for hover effect */
}

footer a:hover {
    color: #333;              /* Change color on hover */
}

/* Flexbox for social links */
.social-links-footer {
    display: flex;             /* Enable flexbox layout */
    justify-content: center;    /* Center items horizontally */
    flex-wrap: wrap;           /* Wrap items if they overflow */
    margin-top: 10px;         /* Space above the links */
}

.social-links-footer p {
    margin: 0 15px;           /* Margin around each link for spacing */
}

/* Responsive design */
@media (max-width: 600px) {
    footer {
        font-size: 14px;      /* Smaller text on mobile */
    }
}