/* public/css/controls.css */

/* Default (desktop) styles for the controls container */
.controls-container {
    display: flex;
    padding-top: 25px; /* Restores vertical spacing */
}

.search-sort-row {
    display: flex;
    flex-grow: 1; /* Allow the row to fill the available space */
    gap: 15px;
}

#appliance-search-bar {
    flex-grow: 1; /* Make the search bar fill the space within the row */
    padding: 12px;
    border: 1px solid var(--border-primary);
    border-radius: 5px;
    font-size: 1em;
    background-color: var(--bg-input);
    color: var(--text-primary);
}

#appliance-sort-select {
    padding: 12px;
    border: 1px solid var(--border-primary);
    border-radius: 5px;
    background-color: var(--bg-input);
    color: var(--text-primary);
    font-size: 1em;
    cursor: pointer;
}

.back-button {
    display: none; /* Hide the back button on desktop */
}