/**
 * The Climate Route - Page Styles
 * CSS dedicato alle pagine interne (donate, screenings, ecc.)
 */

/* Navigation fixes per pagine interne */
/* Forza logo scuro e hamburger scuro fin dall'inizio (non solo dopo scroll) */
.modern-nav.fixed:not(.scrolled){
    color: #333;
}

/* Logo: forza logo scuro nelle pagine interne anche senza scrolled */
.modern-nav.fixed:not(.scrolled) .logo-white {
    display: none !important;
}

.modern-nav.fixed:not(.scrolled) .logo-dark {
    display: block !important;
}

/* Hamburger menu: forza colore scuro nelle pagine interne anche senza scrolled */
/* Deve sovrascrivere la regola in style.css che imposta white!important */
.modern-nav.fixed.nav-white:not(.details-dark):not(.scrolled) .hamburger-menu div,
.modern-nav.fixed.nav-white:not(.scrolled) .hamburger-menu div,
.modern-nav.fixed.nav-white:not(.scrolled) .mobile-nb .hamburger-menu div,
.modern-nav.fixed.nav-white:not(.scrolled) #hamburger-menu .hamburger-menu div {
    background-color: #333 !important;
    background: #333 !important;
}

/* Mobile navigation logo: forza logo scuro */
.modern-nav.fixed:not(.scrolled) .logo-for-mobile-navigation .logo-white {
    display: none !important;
}

.modern-nav.fixed:not(.scrolled) .logo-for-mobile-navigation .logo-dark {
    display: block !important;
}

/* Footer social links - una sola riga */
#footer .footer-socials {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (min-width: 992px) {
    #footer .footer-socials {
        justify-content: center;
    }
}

#footer .footer-social-link {
    margin: 0 !important;
    flex-shrink: 0;
}

/* Footer colonna destra - sempre centrato */
#footer .footer-col-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footer .footer-links {
    text-align: center;
}