/* =========================================================
   archive-filters.css (v4.0 - Theme Search)
   ========================================================= */

:root {
  --filter-border: var(--rule, #dcd1c3);
  --filter-focus: #5a4943;
  --filter-text: var(--ink, #3b362f);
  --filter-icon: #999;
}

.search-panel-fixed {
    flex-shrink: 0; background: var(--bg); padding: 1.5rem;
    border-top: 2px solid var(--filter-border); margin-top: auto; z-index: 10;
}

.archive-filter-bar { padding: 0; margin: 0; border: none; }

.filter-search-box {
    position: relative; display: flex; align-items: center; width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid var(--filter-border);
    border-radius: 999px; height: 44px; overflow: hidden;
    transition: all .2s ease;
}
.filter-search-box:focus-within {
    background: #fff; border-color: var(--filter-focus);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.filter-search-input {
    flex: 1; height: 100%; border: 0; outline: 0;
    padding: 0 12px 0 44px; /* Space for icon */
    font-size: 16px; color: var(--filter-text); background: transparent; width: 100%;
    
    /* SVG Background Icon */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');
    background-repeat: no-repeat;
    background-position: 14px center;
}

.filter-search-clear { display: none; }
.active-filters { margin-top: 0.5rem; display: none; }
.clear-all-filters { font-size: 0.75rem; color: var(--ink-light); background: none; border: none; cursor: pointer; text-decoration: underline; }