#menu-dropdown {
    transition: opacity 120ms ease, visibility 0s linear 120ms;
}

#menu-container.is-open #menu-dropdown {
    transition: opacity 120ms ease, visibility 0s;
}

#menu-container.is-open #menu-btn {
    pointer-events: none;
}

#menu-dropdown a {
    transition: filter 250ms ease;
}

#menu-container.is-open #menu-dropdown a {
    transition-delay: 0s;
}

#menu-dropdown a::before {
    content: "";
    position: absolute;
    inset: -6px 0;
}

#menu-dropdown .nav-symposion {
    left: 44px;
    top: 60%;
    display: block;
    font-family: 'Cinzel Decorative', 'GFS Didot', serif;
    font-weight: 700;
    font-size: clamp(1.1rem, 2.4vw, 1.6rem);
    white-space: nowrap;
    background: none;
    animation: none;
    filter: drop-shadow(0 0 7px rgba(180, 203, 222, 0.45));
    line-height: 1.15;
    letter-spacing: 1px;
}

#menu-dropdown .nav-symposion .agora-steel,
#menu-dropdown .nav-symposion .greek {
    font-family: 'GFS Didot', 'Cinzel Decorative', serif;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    color: #e4e9ec;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#menu-dropdown .nav-symposion .agora-steel {
    background-image:
        linear-gradient(168deg, transparent 39%, rgba(255, 255, 255, 0.7) 43%, transparent 47%),
        linear-gradient(to bottom, #f8fbff 5%, #aab8c2 30%, #eef4f7 47%, #637583 51%, #cbd6dd 70%, #f7fbff 100%);
}

#menu-dropdown .nav-symposion .greek {
    margin-left: 0.3em;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: -0.12em;
    background-image:
        repeating-linear-gradient(132deg, transparent 0 15px, rgba(112, 82, 65, 0.75) 16px, rgba(184, 128, 87, 0.65) 17px, transparent 19px 32px),
        repeating-linear-gradient(28deg, transparent 0 20px, rgba(83, 91, 94, 0.5) 21px, transparent 23px 42px),
        linear-gradient(110deg, #f7f4eb, #b9bcb9 25%, #f3eadc 46%, #c4a590 65%, #e8e8e1 82%, #9da8aa);
}

#menu-dropdown .nav-symposion:hover,
#menu-dropdown .nav-symposion:focus-visible {
    filter: drop-shadow(0 0 12px rgba(217, 232, 241, 0.9));
    transform: translateY(-2px) scale(1.06);
}

#menu-dropdown .nav-contact {
    top: 82%;
}

@media (max-width: 768px) {
    #menu-dropdown .nav-symposion {
        left: 30px;
        font-size: clamp(1rem, 4.4vw, 1.35rem);
        letter-spacing: 1px;
    }
    #menu-dropdown .nav-symposion .agora-steel,
    #menu-dropdown .nav-symposion .greek {
        display: block;
    }
    #menu-dropdown .nav-symposion .greek {
        margin-left: 0;
    }
}

@media (min-width: 769px) and (max-height: 500px) {
    #menu-dropdown .home-icon { width: 52px; height: 52px; }
    #menu-dropdown .nav-location { font-size: 1.5rem; }
    #menu-dropdown .nav-symposion { top: 58%; }
    #menu-dropdown .nav-contact { top: 86%; }
}

@media (max-width: 768px) and (max-height: 500px) {
    #menu-dropdown .home-icon { width: 40px; height: 40px; }
}
