/* =====================================================
   SIMPLE POSITIONING FIX
   This just aligns the fixed elements better
   NO LAYOUT CHANGES
   ===================================================== */

/* DESKTOP ONLY - Fixed positioning for corner widgets */
/* Align audio control */
#audio-controls,
#music-controls {
    position: fixed !important;
    top: 20px !important;
    right: 40px !important;
    z-index: 99999 !important;
}

/* Align Lady Lazarus avatar - desktop corner */
.ll-avatar-corner {
    position: fixed !important;
    top: 190px !important;
    right: 40px !important;
    z-index: 9999 !important;
}

/* Align chat widget - ONLY when in desktop mode (JS adds this class) */
.lady-lazarus-terminal.ll-desktop-fixed {
    position: fixed !important;
    top: 540px !important;
    right: 40px !important;
    z-index: 10000 !important;
}

/* Mobile inline mode - when JS inserts into page flow */
.lady-lazarus-terminal.ll-mobile-inline {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
}

/* Keep mobile responsive */
@media (max-width: 768px) {
    /* Hide fixed desktop elements on mobile */
    #audio-controls,
    #music-controls {
        display: none !important;
    }

    /* Avatar uses inline positioning on mobile, not fixed corner position */
    .ll-avatar-corner {
        position: relative !important;
        right: auto !important;
        top: auto !important;
    }
}