/* =========================================
   MEGA FM STYLE OVERRIDES (Desktop Layout)
   ========================================= */

@media (min-width: 992px) {
    /* --- 1. CENTERED MENU --- */
    /* Remove default logo space to allow full width menu centering */
    .navbar-content {
        justify-content: center; 
    }
    
    .navbar-slide {
        width: 100%;
    }

    .navbar-list {
        display: flex;
        justify-content: center; /* Center all items including logo */
        align-items: center;
        width: 100%;
    }
    
    .navbar-item {
        margin: 0 10px; /* Adjust spacing */
    }
    
    .navbar-link span {
        font-weight: 700; /* Bold like MegaFM */
        text-transform: uppercase;
        font-size: 14px;
    }
    
    /* Center Logo Item Specifics */
    .navbar-center-logo img {
        transition: transform 0.3s;
    }
    .navbar-center-logo:hover img {
        transform: scale(1.1);
    }

    /* Hide the "Anuncie Aqui" button if it interferes, or move it? 
       MegaFM has Login/Search on top bar. 
       We keep "Anuncie Aqui" but maybe absolute positioned? */
    .navbar-btn {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    /* --- 2. FIXED BOTTOM PLAYER --- */
    .bottom-player {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 90px;
        background: var(--primary-gdnt); /* Use theme gradient */
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
        padding: 0 20px;
    }
    
    /* Player Inner Container for alignment */
    .bottom-player .player {
        position: relative;
        width: 100%;
        max-width: 1140px; /* Container width */
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* BIG FLOATING PLAY BUTTON */
    .bottom-player .player-btn {
        position: absolute;
        top: -30px; /* Float above bar */
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #fff; /* White circle background */
        color: var(--primary); /* Icon color */
        font-size: 30px;
        border: 6px solid var(--primary); /* Ring to match bar */
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        transition: all 0.3s ease;
        z-index: 1002;
    }
    
    .bottom-player .player-btn:hover {
        transform: translateX(-50%) scale(1.1);
        background: var(--primary);
        color: #fff;
        border-color: #fff;
    }
    
    /* Placeholder for Song Info (Right) and On Air (Left) - Pseudo elements for visual "Look" */
    .bottom-player::before {
        content: "ON AIR";
        position: absolute;
        left: 10%;
        color: rgba(255,255,255,0.8);
        font-weight: bold;
        font-size: 1.2rem;
        letter-spacing: 2px;
    }
     .bottom-player::after {
        content: "AO VIVO";
        position: absolute;
        right: 10%;
        color: rgba(255,255,255,0.8);
        font-weight: bold;
        font-size: 1.2rem;
        letter-spacing: 2px;
    }
}

/* Ensure padding at bottom of body so player doesn't cover content */
@media (min-width: 992px) {
    body {
        padding-bottom: 90px;
    }
}