/* Stile del footer condiviso. Il layout sticky (min-vh-100 + flex-grow) è in base.html. */
footer#footer {
    padding: 30px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    color: #000000;
    border-top: 1px solid #dee2e6;
}

/* Tema footer via CSS (non via JS): applicato al primo paint, niente flash. */
@media (prefers-color-scheme: dark) {
    footer#footer {
        background-color: #333333;
        color: #ffffff;
    }
}

.footer-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 50px;
    flex-wrap: wrap;
}

.footer-left,
.footer-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-right img {
    max-width: 200px;
    margin-bottom: 10px;
}

.footer-right .social-icons {
    margin-top: 10px;
}

.footer-right .social-icons a {
    color: inherit;
    margin-right: 10px;
    font-size: 20px;
    text-decoration: none;
}

.footer-right .social-icons a:hover {
    color: #007bff;
}