/* --- FULL SCREEN OVERLAY MENU --- */
#viabizzunoMenu {
    position: fixed !important;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100vh;
    /* Transparency set to 0.85 (Change to 0.7 for even more transparency) */
    background: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end; 
    justify-content: center;
    padding-right: 15%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#viabizzunoMenu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* --- LIST CONTAINER --- */
.mobile-nav-links { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    text-align: right; 
}

/* --- LIST ITEMS (Tightened spacing) --- */
.mobile-nav-links li {
    margin-bottom: 0px !important; /* Forces items to be close together */
    padding: 2px 0 !important;
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#viabizzunoMenu.active .mobile-nav-links li { 
    opacity: 1; 
    transform: translateX(0); 
}

/* --- LINK STYLING --- */
.mobile-nav-links a {
    color: #000 !important;
    text-decoration: none !important;
    text-transform: lowercase;
    font-style: italic;
    display: inline-block;
}

/* --- BOLD CATEGORIES (Home, Catalog, Contact) --- */
.menu-item-bold {
    margin-top: 15px !important; /* Space added only above bold sections */
}

.menu-item-bold a {
    font-size: 32px !important;
    font-weight: 800 !important;
    font-style: italic !important;
}

/* --- SUB CATEGORIES (Lamps list) --- */
.menu-item-sub {
    margin-bottom: 0px !important; 
}

.menu-item-sub a {
    font-size: 19px !important;
    font-weight: 300 !important;
    color: #444 !important;
}

/* THE ARROW (›) */
.menu-item-sub a::before {
    content: '›';
    margin-right: 10px;
    font-size: 22px;
    color: #000;
    font-weight: 200;
    display: inline-block;
    vertical-align: middle;
}

/* --- CLOSE BUTTON --- */
.menu-close-btn {
    position: absolute !important;
    top: 45px; 
    right: 45px;
    font-size: 30px !important;
    background: none; 
    border: none; 
    color: #000;
    cursor: pointer;
}

/* --- ANIMATION STAGGERED DELAYS --- */
#viabizzunoMenu.active li:nth-child(1) { transition-delay: 0.1s; }
#viabizzunoMenu.active li:nth-child(2) { transition-delay: 0.15s; }
#viabizzunoMenu.active li:nth-child(3) { transition-delay: 0.18s; }
#viabizzunoMenu.active li:nth-child(4) { transition-delay: 0.21s; }
#viabizzunoMenu.active li:nth-child(5) { transition-delay: 0.24s; }
#viabizzunoMenu.active li:nth-child(6) { transition-delay: 0.27s; }
#viabizzunoMenu.active li:nth-child(7) { transition-delay: 0.3s; }
#viabizzunoMenu.active li:nth-child(8) { transition-delay: 0.33s; }
#viabizzunoMenu.active li:nth-child(9) { transition-delay: 0.36s; }
#viabizzunoMenu.active li:nth-child(10) { transition-delay: 0.39s; }
#viabizzunoMenu.active li:nth-child(11) { transition-delay: 0.42s; }

/* --- CUSTOM FONT --- */
@font-face {
    font-family: 'MinimoLight';
    /* Corrected relative path to fonts folder from CSS folder */
    src: url('../fonts/Minimo Light Oblique.otf') format('opentype');
    font-weight: normal; 
    font-style: normal;
}