/* For hiding the selection dropdowns */

    /* The bar shown when filters are hidden */
    .filter-toggle-bar {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    
    .filter-toggle-bar.hidden {
        display: none;
    }
    
    #toggleFiltersBtn {
        background: var(--gold);
        border: 1px solid var(--border-input);
        padding: 8px 16px;
        border-radius: var(--radius-lg);
        cursor: pointer;
        transition: all 0.2s ease;
        max-width: 300px;
        align-items: center;
    }
    
    #toggleFiltersBtn:hover {
        background: var(--gold-dark);
        box-shadow: var(--shadow-medium);
    }
    
    /* Smooth collapse animation */
    .filters.collapsed {
        max-height: 0 !important;
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0;
    }
    
    .filters {
        transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
    }
    
    /* Optional: hide info-box too */
    .info-box.hidden-box {
        display: none;
    }
    #suggestionBox.hidden-box {
        display: none !important;
    }
    #graphBox.hidden-box {
        display: none !important;
    }

/* Generic hidden — for search form, suggestions list, etc. */
.hidden-box {
    display: none !important;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.m-0 { margin: 0 !important; }
.mt-10 { margin-top: 10px; }
.mb-2em { margin-bottom: 2em; }
.text-italic { font-style: italic; }
.text-underline { text-decoration: underline; }
.text-right { text-align: right; }
.d-none { display: none; }

/* Container width variants */
.container.wide { width: 100%; }
.container.narrow { max-width: 700px; }