/* Filter bar */

.filters-sentinel{
height:1px;
margin:0 0 -1px;
pointer-events:none;
}

.filters--sticky{
position:sticky;
top:0;
z-index:100;
width:100%;
background:var(--oc365-color-bg, #f7f7f7);
padding:0.75rem 0 1rem;
margin:0 0 1.25rem;
transition:
	box-shadow 0.2s ease,
	border-color 0.2s ease,
	background 0.2s ease,
	padding 0.2s ease;
}

.filters--sticky.is-stuck{
padding:0.625rem 0 0.875rem;
background:color-mix(in srgb, var(--oc365-color-bg, #f7f7f7) 92%, transparent);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
box-shadow:0 4px 20px rgba(0,0,0,.08);
border-bottom:1px solid var(--oc365-color-border, #eee);
}

body.admin-bar .filters--sticky{
top:32px;
}

body.admin-bar .filters--sticky.is-stuck{
top:32px;
}

.filters-inner{
max-width:none;
margin:0;
padding:0;
}

.filter-bar{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
margin:0;
}

.search-field{
position:relative;
flex:1;
min-width:280px;
}

.search-field input{
width:100%;
height:46px;
padding:0 16px 0 40px;
border:1px solid var(--oc365-color-border, #ddd);
border-radius:10px;
font-size:14px;
color:var(--oc365-color-text, #111);
background:var(--oc365-color-card, #fff);
}

.search-icon{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
width:18px;
height:18px;
color:var(--oc365-color-text-muted, #777);
}

.filter-bar select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
height:46px;
padding:0 36px 0 14px;
border:1px solid var(--oc365-color-border, #ddd);
border-radius:10px;
font-size:14px;
color:var(--oc365-color-text, #111);
background-color:var(--oc365-color-card, #fff);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 12px center;
background-size:12px;
cursor:pointer;
min-width:140px;
}

.filter-bar button{
display:inline-flex;
align-items:center;
justify-content:center;
height:46px;
padding:0 20px;
border:none;
border-radius:10px;
font-weight:600;
line-height:1;
cursor:pointer;
transition:background 0.2s ease, color 0.2s ease;
}

.filter-bar button:disabled{
opacity:0.65;
cursor:not-allowed;
}

.filter-actions{
display:flex;
gap:10px;
}

#reset-filter{
font-family:inherit;
}

@media(max-width:782px){
body.admin-bar .filters--sticky,
body.admin-bar .filters--sticky.is-stuck{
top:46px;
}
}

/* Tablet/mobile layout — filters-responsive.css */