/* --- FOOTER CUSTOM STYLES (NAVY BLUE) --- */
.footer {
    background: var(--footer-bg-color) !important; /* Using new variable for footer */
    color: var(--text-light); /* White text */
    padding: 15px 0;
    text-align: center;
    border-top: 3px solid var(--border-color-dark); /* Thin light border on top */
    font-size: 0.85em;
    opacity: 0.98;
    box-shadow: 0 -4px 15px var(--shadow-color-dark); /* Shadow at the top of the footer */
    width: 100%; /* Ensure it spans full width */
}

.footer-text {
    margin: 0;
    line-height: 1.5;
}