/* Stili generali del sito (reset, layout, regole globali). */

/* Link: dissolvenza all'hover, solo sui link testuali/icona (non su bottoni e logo).
   :where() tiene bassa la specificita', cosi' le transizioni dei componenti (es. menu mobile) hanno la precedenza. */
:where(
    .navbar__link,
    .navbar__utility-link,
    .navbar__search,
    .page-nav__link,
    .footer__link,
    .footer__social-link,
    .product-resources__link
) {
    transition: opacity .3s ease;
}

:where(
    .navbar__link,
    .navbar__utility-link,
    .navbar__search,
    .page-nav__link,
    .footer__link,
    .footer__social-link,
    .product-resources__link
):hover {
    opacity: .6;
}

/* Scroll fluido verso le ancore: lo gestisce Lenis (main.js).
   Questo resta solo come riserva se Lenis non parte (la classe .lenis la aggiunge lui) */
html:not(.lenis) {
    scroll-behavior: smooth;
}

/* Chi ha chiesto meno animazioni nel sistema operativo salta direttamente alla sezione */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}