/* =========================================== */
/* JANNA PLAYER BOTTOM FIX - SIMPLE CORRECTION */
/* =========================================== */

/* Force remove all theme bottom spacing */
html, body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
}

/* Absolute bottom positioning for player - REMOVE THE BLUE BORDER */
#janna-audio-player {
    position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    /* REMOVE THIS: border-top: 2px solid #2196F3 !important; */
    /* INSTEAD: Remove all colored borders */
    border: none !important;
    border-top: 1px solid #333 !important; /* Subtle dark border if needed */
    background: #1a1a1a !important;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Ensure player stays on top */
#janna-audio-player:not(.janna-player-hidden) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hidden state */
#janna-audio-player.janna-player-hidden {
    transform: translateY(100%) !important;
    display: none !important;
}

/* Prevent theme footers from interfering */
footer, 
.site-footer, 
#footer, 
.footer,
#colophon {
    position: relative !important;
    z-index: 1 !important;
}

/* Admin bar adjustment */
.admin-bar #janna-audio-player {
    top: auto !important;
}

@media (min-width: 783px) {
    .admin-bar #janna-audio-player {
        top: auto !important;
        bottom: 0px !important;
    }
}

@media (max-width: 782px) {
    .admin-bar #janna-audio-player {
        top: auto !important;
        bottom: 0px !important;
    }
}

/* Mobile: Add body padding */
@media (max-width: 768px) {
    body.janna-player-active {
        padding-bottom: 70px !important;
    }
    
    @media (max-width: 480px) {
        body.janna-player-active {
            padding-bottom: 65px !important;
        }
    }
}

/* Desktop: No body padding */
@media (min-width: 769px) {
    body.janna-player-active {
        padding-bottom: 0 !important;
    }
}

/* ADD THIS: Remove any theme-added colored borders */
#janna-audio-player {
    border-color: #333 !important; /* Force dark border color */
    outline: none !important; /* Remove focus outlines */
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important; /* Keep your shadow */
}

/* If theme uses outline instead of border */
#janna-audio-player:focus,
#janna-audio-player:focus-within,
#janna-audio-player:active {
    outline: none !important;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
}