/**
 * SealIt123 — Filter Everything Sidebar
 * Estilo: Hercules Sealing Products + brand color #FBB917
 *
 * Dev:     Sebastián Ortiz (Sebas en la Web)
 * URL:     sealit123us.com
 * Versión: 1.5.0
 * Fecha:   2026-05-22
 */


/* ── 1. Wrapper ──────────────────────────────────────────────────────────── */

.wpc-filters-widget-wrapper,
.wpc-filters-widget-top-container {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 13px;
    color: #222222;
}


/* ── 2. Header "Filter" ─────────────────────────────────────────────────── */

.wpc-filter-set-widget-title {
    display: flex !important;
    align-items: center;
    gap: 7px;
    padding: 13px 14px 12px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    text-transform: none !important;
    background: #ffffff;
    border-bottom: 3px solid #FBB917 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #111111 !important;
}

.wpc-filter-set-widget-title::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3Cline x1='11' y1='18' x2='13' y2='18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


/* ── 3. Cada sección ────────────────────────────────────────────────────── */

.wpc-filters-section {
    border-bottom: 1px solid #e8e8e8 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff;
}

.wpc-filter-header {
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff;
}


/* ── 4. Título de sección ───────────────────────────────────────────────── */

.wpc-filters-widget-wrapper .wpc-filter-title.widget-title {
    font-size: 13px !important;
}

.wpc-filter-title {
    padding: 10px 14px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #444444 !important;
    cursor: pointer;
    background: #ffffff;
    transition: background 0.1s, color 0.1s;
    border: none !important;
    box-shadow: none !important;
}

.wpc-filter-title:hover {
    background: #fffbf0 !important;
    color: #222222 !important;
}

.wpc-filter-title .wpc-filter-toggle,
.wpc-filter-title .wpc-toggle-icon {
    color: #FBB917 !important;
    font-size: 14px !important;
}


/* ── 5. Colapso nativo del plugin ───────────────────────────────────────── */

.wpc-filters-section.wpc-filter-closed .wpc-filter-content {
    display: none !important;
    visibility: hidden !important;
}


/* ── 6. Contenido ───────────────────────────────────────────────────────── */

.wpc-filter-content {
    padding-bottom: 8px;
}


/* ── 7. Búsqueda interna ────────────────────────────────────────────────── */

.wpc-filter-content .wpc-search-filter-input-wrap {
    margin: 6px 12px 7px !important;
}

.wpc-filter-content .wpc-search-filter-input {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #dddddd !important;
    background: #fafafa !important;
    font-family: inherit;
    font-size: 12px !important;
    padding: 5px 8px !important;
    outline: none !important;
    color: #333333 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: border-color 0.15s, background 0.15s;
}

.wpc-filter-content .wpc-search-filter-input:focus {
    border-color: #FBB917 !important;
    background: #fffdf5 !important;
}

.wpc-filter-content .wpc-search-filter-input::placeholder {
    color: #bbbbbb;
}


/* ── 8. Checkboxes ──────────────────────────────────────────────────────── */

.wpc-filter-content ul,
.wpc-filter-content .wpc-terms-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpc-filter-content ul li,
.wpc-filter-content .wpc-term-item {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 5px 14px !important;
    margin: 0 !important;
    cursor: pointer;
    transition: background 0.1s;
    min-height: 30px;
}

.wpc-filter-content ul li:hover,
.wpc-filter-content .wpc-term-item:hover {
    background: #fffbf0 !important;
}

.wpc-filter-content ul li input[type="checkbox"] {
    margin: 0 !important;
    margin-right: 8px !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px;
    accent-color: #FBB917;
    cursor: pointer;
    flex-shrink: 0;
}

.wpc-filter-content ul li label,
.wpc-filter-content .wpc-term-name {
    flex: 1;
    font-size: 13px !important;
    color: #333333 !important;
    cursor: pointer;
    line-height: 1.4;
    font-weight: 400 !important;
    margin: 0 !important;
}

.wpc-filter-content .wpc-term-count,
.wpc-filter-content .wpc-counter {
    font-size: 11px !important;
    color: ##080808 !important;
    flex-shrink: 0;
}

/* Item seleccionado */
.wpc-filter-content ul li.wpc-active label,
.wpc-filter-content ul li.wpc-selected label,
.wpc-filter-content ul li.wpc-checked label {
    font-weight: 700 !important;
    color: #000000 !important;
}

.wpc-filter-content ul li.wpc-active .wpc-term-count,
.wpc-filter-content ul li.wpc-selected .wpc-term-count,
.wpc-filter-content ul li.wpc-checked .wpc-term-count {
    color: #FBB917 !important;
    font-weight: 600 !important;
}


/* ── 9. Items sin productos ─────────────────────────────────────────────── */

.wpc-filters-section li.wpc-unavailable,
.wpc-filters-section li.wpc-term-disabled,
.wpc-filters-section li.wpc-empty,
.wpc-filters-section li.wpc-filter-item-disabled {
    display: none !important;
}


/* ── 10. Tags (Bore Size, Rod Size) ─────────────────────────────────────── */

.wpc-filter-layout-button .wpc-filter-content ul,
.wpc-filter-layout-button .wpc-terms-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
    padding: 6px 14px 10px !important;
    list-style: none !important;
}

.wpc-filter-layout-button .wpc-filter-content ul li {
    display: inline-flex !important;
    padding: 0 !important;
    background: none !important;
    min-height: auto;
}

.wpc-filter-layout-button .wpc-filter-content ul li label {
    display: inline-block !important;
    padding: 3px 9px !important;
    border: 1px solid #dddddd !important;
    border-radius: 2px !important;
    font-size: 11px !important;
    color: #555555 !important;
    background: #ffffff !important;
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s;
    white-space: nowrap;
    font-weight: 400 !important;
    flex: none !important;
}

.wpc-filter-layout-button .wpc-filter-content ul li label:hover {
    border-color: #FBB917 !important;
    color: #222222 !important;
    background: #fffbf0 !important;
}

.wpc-filter-layout-button .wpc-filter-content ul li.wpc-active label,
.wpc-filter-layout-button .wpc-filter-content ul li.wpc-selected label,
.wpc-filter-layout-button .wpc-filter-content ul li.wpc-checked label {
    background: #FBB917 !important;
    color: #000000 !important;
    border-color: #FBB917 !important;
    font-weight: 700 !important;
}

.wpc-filter-layout-button .wpc-filter-content ul li input[type="checkbox"] {
    display: none !important;
}


/* ── 11. Show More ──────────────────────────────────────────────────────── */

.wpc-show-more-button,
.wpc-filter-show-more,
a.wpc-show-more,
.wpc-filters-section .wpc-show-more {
    display: block !important;
    margin: 0 14px 8px !important;
    font-size: 12px !important;
    color: #FBB917 !important;
    cursor: pointer;
    font-weight: 600 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    text-align: left;
    text-decoration: none !important;
}

.wpc-show-more-button:hover,
a.wpc-show-more:hover {
    text-decoration: underline !important;
    color: #e6a800 !important;
}


/* ── 12. Botón Apply ────────────────────────────────────────────────────── */

.wpc-filter-submit-button,
.wpc-submit-filter {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 10px 14px 14px !important;
    padding: 9px !important;
    background: #FBB917 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: inherit;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer !important;
    color: #000000 !important;
    transition: background 0.15s;
    box-shadow: none !important;
}

.wpc-filter-submit-button:hover,
.wpc-submit-filter:hover {
    background: #e6a800 !important;
}


/* ── 13. Resets Astra / WooCommerce ─────────────────────────────────────── */

.wpc-filters-widget-wrapper ul,
.wpc-filters-widget-wrapper li {
    list-style: none !important;
}

.wpc-filters-widget-wrapper label {
    cursor: pointer;
    margin: 0 !important;
}