/*! * @package mod_ishop_filter * @author Pavel Lange * @link https://github.com/i-lange/mod_ishop_filter * @copyright (C) 2026 Pavel Lange * @license GNU General Public License version 2 or later */ .mod_ishop_filter.offcanvas-lg{--bs-offcanvas-width:min(22rem, 92vw);--offcanvas-width:min(22rem, 92vw)}.filter-loading-overlay{z-index:10;background:#ffffffb3;border-radius:.375rem;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.filter-loading-overlay .filter-loading-spinner{flex-direction:column;align-items:center;gap:.5rem;display:flex}.filter-loading-overlay .filter-loading-spinner .spinner-border{width:2rem;height:2rem}.filter-header{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.filter-header-main{align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.filter-header-title{flex:auto;min-width:0;margin:0}.filter-reset-all{--btn-color:var(--gray-800);flex:none;padding-right:0}.filter-header-close{flex:none;margin:0}.filter-active-tags{flex-wrap:wrap;gap:.25rem;width:100%;display:flex}.filter-active-tags[hidden]{display:none}.filter-active-tag{background:var(--pink,#ffdbdb);max-width:100%;min-height:1.75rem;color:var(--black);text-align:left;border:none;border-radius:1.75rem;align-items:center;gap:.25rem;padding:.325rem .75rem;font-size:.875rem;display:inline-flex}.filter-active-tag:hover,.filter-active-tag:focus{background:#ffc9c9}.filter-active-tag__label{overflow-wrap:anywhere;min-width:0}.filter-active-tag__remove{--btn-close-color:var(--link-hover-color);--btn-close-opacity:.325;--btn-close-hover-opacity:.325;color:var(--link-hover-color);flex:none}.menu-panel .nav-link.separator{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding-right:.5rem;display:flex}.filter-panel-title{min-width:0}.filter-selected-count{flex:none;margin-right:1rem}.filter-selected-count.is-empty,.filter-selected-count[hidden]{display:none}.filter-option-disabled{opacity:.5;pointer-events:none;transition:opacity .2s}.filter-option-disabled input[type=checkbox],.filter-option-disabled input[type=radio]{cursor:not-allowed}.filter-option-disabled label{cursor:not-allowed;color:var(--secondary);text-decoration:line-through}.filter-group-empty{opacity:.4;pointer-events:none;transition:opacity .2s}.filter-submit-hint{text-align:center;color:var(--primary);margin-top:.125rem;font-size:.75rem;line-height:1.25}label.disabled{cursor:not-allowed;color:var(--secondary);opacity:.6;text-decoration:line-through}@media (width>=960px){.mod_ishop_filter.offcanvas-lg{border:1px solid var(--border-color);flex-direction:column;min-height:0;max-height:none;display:flex;background:var(--body-bg)!important}.mod_ishop_filter.offcanvas-lg .offcanvas-header{flex:none;padding:1rem 1rem .75rem;display:flex}.mod_ishop_filter.offcanvas-lg .offcanvas-body{min-height:0;display:block;overflow:hidden;background:var(--body-bg)!important}.mod_ishop_filter.offcanvas-lg .offcanvas-footer{background:var(--body-bg);flex:none;padding:1rem}.mod_ishop_filter.offcanvas-lg [data-menu-viewport]{flex:none;height:auto;min-height:0;overflow:hidden}.mod_ishop_filter.offcanvas-lg [data-menu-viewport] [data-panel].is-active{position:relative;inset:auto;overflow:visible}}