/* ====================================================
   Jamstash — Mobile.css (Responsive Overrides)
   ==================================================== */

@media only screen and (max-width: 1200px) {
    #SideBar {
        display: none;
        width: 100%;
    }
    .lgcolumn {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 840px) {
    /* Nav is inside the 48px header; no secondary nav row, so
       no top-offset override needed for columns.
       Just hide text labels to keep the header compact. */
    #nav a span {
        display: none;
    }
    .subactions {
        margin-top: 4px;
        float: left;
    }
    /* Hamburger button and backdrop visible at narrow widths */
    #panel-toggle {
        display: flex;
    }
    #panel-backdrop {
        display: block;
    }
    /* Hide left panel by default; show as overlay when panel-open */
    .smcolumn {
        display: none;
    }
    .smcolumn.panel-open {
        display: block;
        z-index: 200;
        box-shadow: 4px 0 16px rgba(0,0,0,0.18);
    }
    .lgcolumn {
        margin-left: 0;
    }
    /* Player no longer needs to clear the left panel */
    #playercontainer {
        padding-left: 14px;
    }
    ul.songlist li {
        font-size: 12px;
        padding: 2px 4px;
    }
    ul.songlist .row img {
        display: none;
    }
    ul.songlist .row .artist {
        padding-right: 5px;
    }
    ul.songlist .albumgrid {
        padding: 0 0 22px 0;
        width: 162px;
        height: 160px;
    }
    ul.songlist .albumgrid .albumart {
        width: 150px;
        text-align: center;
    }
    ul.songlist .albumgrid .albumart img {
        width: 125px;
        height: 125px;
        margin: 0 auto;
    }
    ul.songlist .albumgrid .albuminfo {
        width: 142px;
    }
    #songdetails {
        width: auto;
    }
    #songdetails ul {
        width: 105px;
    }
    #songdetails_controls {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #search {
        margin: 8px 5px 0;
    }
}