/* WGNS Audio Player — default_skin.css
   Skin variables and theme overrides.
   All selectors namespaced to avoid host-page collisions (Req 10).
*/

:root {
    --wgns-fallback-art: url("/logo.gif");
}

#wgns-album-art {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
    margin: 0 auto 10px;
    border: 1px solid black;
}

#wgns-player-container {
    /* Fluid width — fills parent container (Req 1, 6)
       Removed: width: 300px */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    /* Transparent background so host artwork shows through (Req 3) */
    background-color: transparent;

    border: 2px solid black;
    border-radius: 8px;
    color: black;
    font-family: "Consolas", monospace;
    font-size: 11px;
    padding: 10px;
}

.wgns-ctrl-btn:active img {
    transform: scale(0.9);
    filter: brightness(0.8);
}

#wgns-playlist-container {
    background: transparent;
    border-radius: 4px;
}

.wgns-track.wgns-selected {
    font-weight: bold;
}

.wgns-track.wgns-active {
    background-color: white;
}