/**
 * ROCHOTY Custom Styles
 * Sticky menu transparency and expansion behavior
 */

/* Base transition for menu - only background-color for opacity changes */
#menu-box {
    transition: background-color 0.15s ease-out !important;
}

/* When menu is about to expand, add all property transitions */
#menu-box.rochoty-transitioning {
    transition:
        background-color 0.15s ease-out,
        border-radius 0.2s ease-out,
        width 0.2s ease-out,
        top 0.15s ease-out,
        left 0.2s ease-out,
        right 0.2s ease-out,
        inset-inline-start 0.2s ease-out !important;
}

/* Expanded state - full width, no border radius, stick to edges */
#menu-box.rochoty-expanded {
    border-radius: 0px !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    inset-inline-start: 0 !important;
}