/* public/css/sys/start-menu.css - XP Start Menu */

#xp-start-menu {
    display: none;
    position: absolute;
    bottom: 0; /* Flush with bottom of desktop (top of taskbar) */
    left: 0;
    width: 250px;
    background-color: #FFFFFF;
    border: 2px solid #245DDA;
    border-bottom: 1px solid #FFFFFF; /* Visual merge */
    border-radius: 5px 5px 0 0;
    z-index: 10001;
    box-shadow: 4px -4px 10px rgba(0,0,0,0.4);
}

.xp-start-menu-separator {
    background: #D3D3D3;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    color: #555;
    text-transform: uppercase;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

.xp-start-menu-header {
    background: linear-gradient(to bottom, #245DDA 0%, #153C93 100%);
    color: white;
    padding: 10px;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    display: flex; align-items: center;
    border-bottom: 1px solid #E55400; /* Orange accent line common in XP themes */
}
.xp-start-menu-list { list-style: none; margin: 0; padding: 5px 0; }
.xp-start-menu-item {
    padding: 6px 12px;
    cursor: pointer;
    display: flex; align-items: center;
    font-size: 12px; color: #333;
}
.xp-start-menu-item:hover { background-color: #316AC5; color: white; }
.xp-start-menu-item img { width: 24px; height: 24px; margin-right: 10px; }

/* Submenu Styles */
.xp-submenu-trigger { position: relative; }
.xp-submenu-trigger::after {
    content: ">>";
    position: absolute; right: 10px;
    font-size: 11px;
    font-family: var(--xp-font-ui);
    font-weight: bold;
    color: #333;
}
.xp-submenu {
    display: none;
    position: absolute;
    left: 100%; 
    bottom: -2px; 
    top: auto;
    background: white;
    border: 1px solid #333;
    min-width: 150px;
    box-shadow: 2px -2px 5px rgba(0,0,0,0.3);
    padding: 2px 0;
}
.xp-start-menu-item:hover .xp-submenu { display: block; }