/* Search View Toggle Styles */

/* デフォルト状態（グリッド表示） */
.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強制表示 */
.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強制表示 */
.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;
}

/* ボタンのアクティブ状態 */
.view-toggle-btn.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

/* 切り替えアニメーション */
.search-results-list {
    transition: opacity 0.2s ease-in-out;
}

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