/**
 * bulobi - FLOATING BUTTONS
 * PC SAĞDA, MOBİL ALTTA - KÖKLÜ ÇÖZÜM
 */

/* PC SAĞDA FLOATING BUTONLAR - BASE */
.share-lobby-btn {
    position: fixed !important;
    bottom: 280px !important;
    right: 0 !important;
    background: rgba(15, 15, 20, 0.95) !important;
    color: #00FF7F !important;
    border: 1px solid rgba(0, 255, 127, 0.3) !important;
    border-right: none !important;
    padding: 0 !important;
    border-radius: 15px 0 0 15px !important;
    font-size: 20px !important;
    cursor: pointer !important;
    box-shadow: -4px 0 15px rgba(0, 255, 127, 0.2) !important;
    transition: all 0.2s ease !important;
    z-index: 1006 !important;
    backdrop-filter: blur(10px) !important;
    width: 55px !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.refresh-btn {
    position: fixed !important;
    bottom: 220px !important;
    right: 0 !important;
    background: rgba(15, 15, 20, 0.95) !important;
    color: #FF4655 !important;
    border: 1px solid rgba(255, 70, 85, 0.3) !important;
    border-right: none !important;
    padding: 0 !important;
    border-radius: 15px 0 0 15px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    box-shadow: -4px 0 15px rgba(255, 70, 85, 0.2) !important;
    transition: all 0.2s ease !important;
    z-index: 1005 !important;
    backdrop-filter: blur(10px) !important;
    width: 55px !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.chat-toggle-btn {
    position: fixed !important;
    bottom: 160px !important;
    right: 0 !important;
    background: rgba(15, 15, 20, 0.95) !important;
    color: #007AFF !important;
    border: 1px solid rgba(0, 122, 255, 0.3) !important;
    border-right: none !important;
    padding: 0 !important;
    border-radius: 15px 0 0 15px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    box-shadow: -4px 0 15px rgba(0, 122, 255, 0.2) !important;
    transition: all 0.2s ease !important;
    z-index: 1004 !important;
    backdrop-filter: blur(10px) !important;
    width: 55px !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.scroll-top-btn {
    position: fixed !important;
    bottom: 100px !important;
    right: 0 !important;
    background: rgba(15, 15, 20, 0.95) !important;
    color: #FFD700 !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    border-right: none !important;
    padding: 0 !important;
    border-radius: 15px 0 0 15px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    box-shadow: -4px 0 15px rgba(255, 215, 0, 0.2) !important;
    transition: all 0.2s ease !important;
    z-index: 1003 !important;
    backdrop-filter: blur(10px) !important;
    width: 55px !important;
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* HOVER EFFECTS */
.share-lobby-btn:hover {
    right: -5px !important;
    box-shadow: -8px 0 25px rgba(0, 255, 127, 0.4) !important;
    background: rgba(0, 255, 127, 0.15) !important;
    border-color: #00FF7F !important;
}

.refresh-btn:hover {
    right: -5px !important;
    box-shadow: -8px 0 25px rgba(255, 70, 85, 0.4) !important;
    background: rgba(255, 70, 85, 0.15) !important;
    border-color: #FF4655 !important;
}

.chat-toggle-btn:hover {
    right: -5px !important;
    box-shadow: -8px 0 25px rgba(0, 122, 255, 0.4) !important;
    background: rgba(0, 122, 255, 0.15) !important;
    border-color: #007AFF !important;
}

.scroll-top-btn:hover {
    right: -5px !important;
    box-shadow: -8px 0 25px rgba(255, 215, 0, 0.4) !important;
    background: rgba(255, 215, 0, 0.15) !important;
    border-color: #FFD700 !important;
}

/* MOBİL BOTTOM BAR */
.floating-button-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    justify-content: space-around !important;
    align-items: center !important;
    background: rgba(10, 10, 15, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-top: 1px solid rgba(0, 255, 127, 0.2) !important;
    padding: 12px !important;
    z-index: 1000 !important;
}

/* MOBİLDE FLOATING BAR GÖSTER, PC BUTONLARI GİZLE */
@media (max-width: 1024px) {
    .share-lobby-btn,
    .refresh-btn,
    .chat-toggle-btn,
    .scroll-top-btn {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        font-size: 16px !important;
        flex: 0 0 auto !important;
    }
    
    .floating-button-bar {
        display: flex !important;
    }
}