/*
Theme Name: Theme Lusinchi
Description: Theme enfant Lusinchi
Author: DG
Author URI: https://www.dginteractive.fr
Template: hello-elementor 
Version: 0.1.0
*/

.dg__nav{
    @media (min-width: 1024px) {
        
    nav{
        ul{
            li{
                &::before{
                    content: '';
                    height:2px;
                    width: 100px;
                    background-color: red;
                }
                
                &::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 14px;
                    width: 50px;
                    background: url('/wp-content/uploads/2025/06/trait.png') no-repeat center top;
                    background-size: cover;
                    opacity: 0;
                    transform: translateY(50%);
                    transition: opacity 0.5s ease, transform 0.5s ease;
                    z-index: 1;
                }

                &:hover::after, &.current-menu-item::after {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        }
    }

    }
}