/**
 * Search View Toggle Styles
 * Updated with GSP color palette
 */

/* Default state (grid view) */
.resource-list.search-results-list .row.g-4 {
    display: flex !important;
    flex-wrap: wrap !important;
}

.resource-list.search-results-list .list-group {
    display: none !important;
}

/* Grid view forced display */
.resource-list.search-results-list.view-grid .row.g-4 {
    display: flex !important;
    flex-wrap: wrap !important;
}

.resource-list.search-results-list.view-grid .list-group {
    display: none !important;
}

/* List view forced display */
.resource-list.search-results-list.view-list .row.g-4 {
    display: none !important;
}

.resource-list.search-results-list.view-list .list-group {
    display: block !important;
}

.resource-list.search-results-list.view-list .list-group-item h6,
.resource-list.search-results-list.view-list .list-group-item h6 a {
    font-size: 1.15rem;
    line-height: 1.35;
}

/* Button active state - GSP Evergreen */
.view-toggle-btn.active {
    background-color: var(--gsp-evergreen, #01411d);
    border-color: var(--gsp-evergreen, #01411d);
    color: #fff;
}

.view-toggle-btn:not(.active) {
    background-color: transparent;
    border-color: var(--gsp-evergreen, #01411d);
    color: var(--gsp-evergreen, #01411d);
}

.view-toggle-btn:not(.active):hover {
    background-color: var(--gsp-parchment, #f9f4ef);
    border-color: var(--gsp-evergreen, #01411d);
    color: var(--gsp-evergreen, #01411d);
}

/* Toggle animation */
.search-results-list {
    transition: opacity 0.2s ease-in-out;
}

.search-results-list.transitioning {
    opacity: 0.7;
}