/*
Theme Name: Sinova
Author: Your Name
Version: 1.0
Text Domain: sinova
*/

.sinova-menu{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:4px;
}

.sinova-menu > li{
    position:relative;
    list-style:none;
}

.sinova-menu > li > a{
    padding:10px 16px;
    color:#d1d5db;
    text-decoration:none;
    transition:.3s;
    display:flex;
    align-items:center;
    gap:4px;
}

.sinova-menu > li > a:hover,
.sinova-menu .current-menu-item > a,
.sinova-menu .current-menu-parent > a{
    color:#c9a24b;
}

.sinova-menu > li.menu-item-has-children{
    position:static;
}

.sinova-menu > li.menu-item-has-children > .sub-menu{
    position:absolute;
    left:0;
    top:100%;
    width:100%;

    background:rgba(20,20,20,.98);
    backdrop-filter:blur(20px);

    border-top:1px solid #2a2a2a;

    padding:40px 50px;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);
    transition:.3s ease;

    z-index:999;
}

.sinova-menu > li.menu-item-has-children:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.sinova-menu .sub-menu li{
    list-style:none;
}

.sinova-menu .sub-menu li a{
    display:flex;
    align-items:flex-start;

    gap:12px;

    padding:14px;

    border-radius:4px;

    text-decoration:none;
    color:#faf6ef;

    transition:.3s;
}

.sinova-menu .sub-menu li a::before{
    content:'';
    width:4px;
    height:32px;
    background:#2a2a2a;
    border-radius:999px;
    flex-shrink:0;
}

.sinova-menu .sub-menu li a:hover{
    color:#c9a24b;
}



.mega-item{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.mega-title{
    color:#d1d5db;
    line-height:20px;
}

.mega-desc{
    display:block !important;
    width:180px !important;

    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;

    color:rgba(255,255,255,.45);
    line-height:1.5;
}

.sinova-menu .sub-menu li a:hover .mega-title{
    color:#c9a24b;
}
.footer-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-menu li{
    margin-bottom:8px;
}

.footer-menu li a{
    color:rgba(250,246,239,.5);
    text-decoration:none;
    transition:all .3s ease;
}

.footer-menu li a:hover{
    color:#c9a24b;
}