/**
 * HUERTO URBANO GROW
 * Custom UI for Filter Everything PRO
 * App-style Premium Dark/Emerald Pills
 */

:root {
    --wpc-c-bg-glass: linear-gradient(135deg, rgba(20, 28, 36, 0.95) 0%, rgba(11, 17, 22, 0.98) 100%);
    --wpc-c-primary: #10b981;
    --wpc-c-primary-hover: #34d399;
    --wpc-c-primary-glow: rgba(16, 185, 129, 0.25);
    --wpc-c-border: rgba(255, 255, 255, 0.06);
    --wpc-c-border-hover: rgba(16, 185, 129, 0.35);
    --wpc-c-pill-bg: rgba(255, 255, 255, 0.02);
    --wpc-c-text-muted: #94a3b8;
    --wpc-c-text-active: #050806;
}

/* Contenedor principal del widget */
.wpc-filters-widget-main-wrap {
    background: var(--wpc-c-bg-glass) !important;
    border-radius: 20px !important;
    padding: 28px !important;
    border: 1px solid var(--wpc-c-border) !important;
    margin-bottom: 35px !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 50px -10px rgba(16, 185, 129, 0.04) !important;
    backdrop-filter: blur(8px);
}

/* Títulos de cada filtro (Banco, Sabor, etc) */
.wpc-filter-title {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    padding-left: 10px !important; /* Espacio extra para que el punto no sobresalga */
}

.wpc-filter-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important; /* Asegurar que no se aplaste */
    background: var(--wpc-c-primary) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px var(--wpc-c-primary), 0 0 20px var(--wpc-c-primary) !important;
}

/* Separadores de sección (grupos de filtros) */
.wpc-filters-section {
    border-bottom: 1px solid var(--wpc-c-border) !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
}

.wpc-filters-section:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Reseteo de listas y forzado de alineación horizontal (píldoras) */
.wpc-filter-content,
.wpc-filter-content ul,
.wpc-filter-content-list,
.wpc-filters-main-wrap ul,
.wpc-filters-widget-main-wrap ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important; /* Forzar dirección horizontal */
    flex-wrap: wrap !important;     /* Permitir saltos de línea en PC */
    gap: 8px 12px !important;       /* Espaciado vertical y horizontal */
}

/* Ocultar las casillas nativas feas */
.wpc-filter-content input[type="checkbox"],
.wpc-filter-content input[type="radio"],
.wpc-filter-content-list input[type="checkbox"],
.wpc-filter-content-list input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
}

/* Forzar que cada ítem NO ocupe el 100% de la línea (evita que se apilen) */
.wpc-term-item,
.wpc-filter-content li,
.wpc-filters-main-wrap li,
.wpc-filters-widget-main-wrap li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: none !important;
}

/* --- EXPERIENCIA MÓVIL PREMIUM: Deslizamiento Horizontal (Swipe) ---
   En pantallas móviles, las píldoras de cada filtro se colocan en una sola fila 
   deslizable horizontalmente con el dedo, en lugar de apilarse o envolverse en 20 líneas. */
@media (max-width: 768px) {
    .wpc-filter-content,
    .wpc-filter-content ul,
    .wpc-filter-content-list,
    .wpc-filters-main-wrap ul,
    .wpc-filters-widget-main-wrap ul {
        flex-wrap: nowrap !important; /* Forzar a que NO salten de línea */
        overflow-x: auto !important;   /* Habilitar scroll horizontal */
        -webkit-overflow-scrolling: touch !important; /* Scroll suave en iOS */
        padding-bottom: 10px !important; /* Espacio para que no corte la sombra del hover */
        scrollbar-width: none !important; /* Ocultar barra en Firefox */
    }
    
    /* Ocultar barra de scroll en Chrome, Safari y Edge */
    .wpc-filter-content::-webkit-scrollbar,
    .wpc-filter-content ul::-webkit-scrollbar,
    .wpc-filter-content-list::-webkit-scrollbar,
    .wpc-filters-main-wrap ul::-webkit-scrollbar,
    .wpc-filters-widget-main-wrap ul::-webkit-scrollbar {
        display: none !important;
    }
    
    .wpc-term-item,
    .wpc-filter-content li,
    .wpc-filters-main-wrap li,
    .wpc-filters-widget-main-wrap li {
        scroll-snap-align: start !important;
    }
}

/* El enlace clickable que envuelve todo (La Píldora básica) */
.wpc-term-item label,
.wpc-term-item .wpc-term-anchor {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--wpc-c-pill-bg) !important;
    border: 1px solid var(--wpc-c-border) !important;
    padding: 8px 16px !important;
    border-radius: 30px !important;
    color: var(--wpc-c-text-muted) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Hover effect */
.wpc-term-item:hover label,
.wpc-term-item:hover .wpc-term-anchor {
    border-color: var(--wpc-c-border-hover) !important;
    background: rgba(16, 185, 129, 0.08) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px var(--wpc-c-primary-glow) !important;
}

/* Estado Activo (Seleccionado) */
.wpc-term-item.wpc-term-selected label,
.wpc-term-item.wpc-term-selected .wpc-term-anchor,
.wpc-term-item input:checked ~ label,
.wpc-term-item input:checked ~ .wpc-term-anchor {
    background: linear-gradient(135deg, var(--wpc-c-primary) 0%, #059669 100%) !important;
    border-color: transparent !important;
    color: var(--wpc-c-text-active) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px rgba(16, 185, 129, 0.4) !important;
    transform: translateY(0) !important;
}

/* Estilo del contador de productos (Badge) */
.wpc-term-count {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--wpc-c-text-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    margin-left: 4px !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
}

/* Contador en estado Hover de la píldora */
.wpc-term-item:hover .wpc-term-count {
    background: rgba(16, 185, 129, 0.15) !important;
    color: var(--wpc-c-primary) !important;
}

/* Contador en estado Activo de la píldora */
.wpc-term-item.wpc-term-selected .wpc-term-count,
.wpc-term-item input:checked ~ label .wpc-term-count,
.wpc-term-item input:checked ~ .wpc-term-anchor .wpc-term-count {
    background: rgba(0, 0, 0, 0.15) !important;
    color: var(--wpc-c-text-active) !important;
    border-color: transparent !important;
}

/* Ocultar texto extraño o labels nativos */
.wpc-filter-content label::before,
.wpc-filter-content label::after {
    display: none !important;
}

/* Botones de acción principales del filtro (Ej. "Aplicar", "Limpiar") */
.wpc-filters-widget-controls {
    grid-column: 1 / -1 !important; /* Forzar a que ocupe todo el ancho en modo grid */
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

.wpc-filters-widget-controls button,
.wpc-filters-widget-controls .wpc-btn {
    flex: 1 !important;
    background: linear-gradient(135deg, var(--wpc-c-primary) 0%, #059669 100%) !important;
    color: var(--wpc-c-text-active) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2) !important;
    text-align: center !important;
}

.wpc-filters-widget-controls button:hover,
.wpc-filters-widget-controls .wpc-btn:hover {
    background: #ffffff !important;
    color: var(--wpc-c-text-active) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   MOBILE / TABLET STRATEGY
   On mobile (<=768px), the Filter Everything PRO plugin has its OWN popup
   mechanism: it moves filter content into .wpc-filters-widget-content as a
   fixed-position modal. We must NOT create our own competing drawer.
   Instead we:
   1. Reset .wpc-filters-main-wrap on mobile to be invisible (no gap)
   2. Style the plugin's native popup with our dark theme
   3. Style the floating "Filtros" button for high visibility
   4. Keep accordion section titles readable
   ========================================================================== */

/* --- DESKTOP: Keep our CTA card + accordion panel as-is --- */
/* (lines above handle desktop panel open/close via hug-panel-open/closed) */

/* --- MOBILE: Reset the outer wrapper so it doesn't leave a huge gap --- */
@media (max-width: 768px) {
    /* Hide our custom CTA card on mobile (the native button handles it) */
    .hug-filter-cta-card {
        display: none !important;
    }

    /* Remove dark background/gap from the outer wrapper on mobile */
    .wpc-filters-main-wrap,
    .wpc-filters-widget-main-wrap {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        border-radius: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Disable our custom drawer behavior on mobile entirely */
    .hug-filter-panel-controlled {
        position: static !important;
        transform: none !important;
        height: auto !important;
        width: auto !important;
        z-index: auto !important;
        border-radius: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        padding: 0 !important;
        display: block !important;
        overflow: visible !important;
        transition: none !important;
        opacity: 1 !important;
        max-height: none !important;
        pointer-events: auto !important;
    }

    /* Hide our injected mobile header (plugin has its own) */
    .hug-mobile-filter-header {
        display: none !important;
    }

    /* ========================================
       STYLE THE PLUGIN'S NATIVE MOBILE POPUP
       ======================================== */
    .wpc-filters-widget-content {
        background: rgba(11, 17, 22, 0.98) !important;
        color: #e2e8f0 !important;
    }

    /* Dark header bar in the popup */
    .wpc-widget-close-container {
        background: rgba(11, 17, 22, 1) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding: 16px 20px !important;
    }

    .wpc-widget-popup-title {
        color: #ffffff !important;
        font-weight: 800 !important;
        font-size: 1.15rem !important;
        letter-spacing: 0.5px !important;
    }

    /* Close icon lines → white */
    .wpc-widget-close-container .wpc-icon-html-wrapper span {
        background: #ffffff !important;
    }
    .wpc-widget-close-container span.wpc-icon-line-1:after,
    .wpc-widget-close-container span.wpc-icon-line-2:after,
    .wpc-widget-close-container span.wpc-icon-line-3:after {
        border-color: #ffffff !important;
        background-color: rgba(11, 17, 22, 1) !important;
    }

    /* Scroll area background */
    .wpc-filters-scroll-container {
        background: rgba(11, 17, 22, 0.98) !important;
    }

    /* Filter section titles inside popup → always visible + white */
    .wpc-filters-widget-content .wpc-filter-title,
    .wpc-filters-widget-content .wpc-filter-title button,
    .wpc-filters-widget-content .wpc-filter-title .wpc-wrap-icons {
        color: #ffffff !important;
        font-weight: 800 !important;
        font-size: 0.95rem !important;
    }

    /* Section dividers */
    .wpc-filters-widget-content .wpc-filters-section {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding: 16px 20px !important;
        margin: 0 !important;
    }

    /* Pill labels inside popup → light text on dark bg */
    .wpc-filters-widget-content .wpc-term-item label,
    .wpc-filters-widget-content .wpc-term-item .wpc-term-anchor,
    .wpc-filters-widget-content .wpc-filter-link {
        color: #94a3b8 !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
    }

    .wpc-filters-widget-content .wpc-term-item:hover label,
    .wpc-filters-widget-content .wpc-term-item:hover .wpc-term-anchor {
        color: #ffffff !important;
        border-color: rgba(16, 185, 129, 0.35) !important;
        background: rgba(16, 185, 129, 0.08) !important;
    }

    /* Active/selected pill in popup */
    .wpc-filters-widget-content .wpc-term-item.wpc-term-selected label,
    .wpc-filters-widget-content .wpc-term-item.wpc-term-selected .wpc-term-anchor,
    .wpc-filters-widget-content .wpc-term-item input:checked ~ label {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
        border-color: transparent !important;
        color: #050806 !important;
    }

    /* Count badges in popup */
    .wpc-filters-widget-content .wpc-term-count {
        color: #64748b !important;
    }

    /* Accordion open/close icons in popup */
    .wpc-filters-widget-content .wpc-open-icon {
        border-color: rgba(255, 255, 255, 0.1) !important;
        background: rgba(255, 255, 255, 0.04) !important;
    }
    .wpc-filters-widget-content .wpc-open-icon::before {
        border-color: #94a3b8 !important;
    }

    /* Bottom controls bar (Mostrar / Cancelar) */
    .wpc-filters-widget-controls-container {
        background: rgba(11, 17, 22, 1) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding: 12px 20px !important;
    }

    .wpc-filters-apply-button {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
        color: #050806 !important;
        font-weight: 800 !important;
        border-radius: 12px !important;
        padding: 12px 24px !important;
        text-decoration: none !important;
        display: block !important;
        text-align: center !important;
    }

    .wpc-filters-close-button {
        color: #64748b !important;
        text-decoration: none !important;
        text-align: center !important;
        display: block !important;
        padding: 8px !important;
    }

    /* Chips in popup */
    .wpc-filters-widget-content .wpc-filter-chips-list {
        background: transparent !important;
    }
    .wpc-filters-widget-content .wpc-chip-content {
        color: #e2e8f0 !important;
    }
}

/* ==========================================================================
   FLOATING "FILTROS" BUTTON – HIGH VISIBILITY
   The plugin's native .wpc-filters-open-button-container is hidden by default.
   On mobile, body gets class wpc_show_bottom_widget which shows it.
   We make it a solid, prominent floating circle.
   ========================================================================== */
@media (max-width: 768px) {
    .wpc-filters-open-button-container {
        display: flex !important; /* Override plugin inline display:none */
        position: fixed !important;
        bottom: 20px !important;
        right: 20px !important;
        z-index: 1000000 !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wpc-filters-open-button-container a.wpc-filters-open-widget {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
        color: #050806 !important;
        border: none !important;
        border-radius: 30px !important;
        padding: 12px 20px !important;
        font-size: 0.9rem !important;
        font-weight: 800 !important;
        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35), 0 2px 8px rgba(0,0,0,0.3) !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }

    .wpc-filters-open-button-container a.wpc-filters-open-widget:hover,
    .wpc-filters-open-button-container a.wpc-filters-open-widget:active {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 25px rgba(16, 185, 129, 0.45), 0 4px 12px rgba(0,0,0,0.4) !important;
    }

    /* Style the filter icon lines inside the button */
    .wpc-filters-open-button-container .wpc-icon-html-wrapper span {
        background: #050806 !important;
    }
    .wpc-filters-open-button-container span.wpc-icon-line-1:after,
    .wpc-filters-open-button-container span.wpc-icon-line-2:after,
    .wpc-filters-open-button-container span.wpc-icon-line-3:after {
        border-color: #050806 !important;
        background-color: #10b981 !important;
    }

    .wpc-filters-open-button-container .wpc-filters-button-text {
        color: #050806 !important;
        font-weight: 800 !important;
    }
}

/* Desktop: hide the floating button (it's only for mobile) */
@media (min-width: 769px) {
    .wpc-filters-open-button-container {
        display: none !important;
    }
}


/* ==========================================================================
   ACORDEÓN / SECCIONES COLAPSABLES (Optimización UX de bloque grande)
   ========================================================================== */
.wpc-filter-header {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    user-select: none !important;
}

.wpc-filter-header .wpc-filter-title {
    margin-bottom: 0 !important; /* Quitar margen inferior cuando es colapsable */
}

/* Permitir que el botón nativo ocupe todo el ancho para facilitar el clic */
.wpc-filter-title button {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    text-align: left !important;
}

/* Restablecer y reestilizar el icono nativo wpc-open-icon como un círculo premium */
.wpc-open-icon {
    content: none !important; /* Quitar content de flecha nativa */
    border: 1px solid var(--wpc-c-border) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 50% !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important; /* Anular rotación nativa */
}

/* Dibujar nuestra propia flecha elegante usando ::before */
.wpc-open-icon::before {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid var(--wpc-c-text-muted) !important;
    border-bottom: 2px solid var(--wpc-c-text-muted) !important;
    transform: translateY(-2px) rotate(45deg) !important;
    transition: transform 0.3s ease !important;
}

.wpc-filter-title button:hover .wpc-open-icon {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: var(--wpc-c-border-hover) !important;
}

.wpc-filter-title button:hover .wpc-open-icon::before {
    border-color: #ffffff !important;
}

/* Sincronización de rotación de la flecha con el estado del acordeón */
.wpc-filters-section.wpc-opened .wpc-open-icon::before,
.wpc-filter-group-wrapper.wpc-opened .wpc-open-icon::before {
    transform: translateY(1px) rotate(-135deg) !important; /* Apuntar hacia arriba */
}

.wpc-filters-section.wpc-closed .wpc-open-icon::before,
.wpc-filter-group-wrapper.wpc-closed .wpc-open-icon::before {
    transform: translateY(-2px) rotate(45deg) !important; /* Apuntar hacia abajo */
}

/* Ocultar el contenido del filtro cuando el acordeón está cerrado (.wpc-closed) 
   para evitar el conflicto con display: flex !important */
.wpc-filter-group-wrapper.wpc-closed .wpc-filter-content,
.wpc-filters-section.wpc-closed .wpc-filter-content,
.wpc-closed .wpc-filter-content,
.wpc-closed .wpc-filter-content-list,
.wpc-closed ul {
    display: none !important;
}


/* ==========================================================================
   INYECCIÓN DE EMOJIS DINÁMICOS EN LAS PÍLDORAS (TIPO Y SABOR)
   ========================================================================== */

/* --- Emojis para TIPO DE SEMILLA --- */
a[href*="autofloreciente"]::before,
a[data-wpc-link*="autofloreciente"]::before { content: "⚡ "; }
a[href*="feminizada"]::before,
a[data-wpc-link*="feminizada"]::before { content: "🌸 "; }
a[href*="fast-version"]::before,
a[data-wpc-link*="fast-version"]::before { content: "🚀 "; }
a[href*="regulares"]::before,
a[data-wpc-link*="regulares"]::before { content: "🚻 "; }
a[href*="cbd"]::before,
a[data-wpc-link*="cbd"]::before { content: "💚 "; }

/* --- Emojis para AROMA | SABOR --- */
a[href*="dulce"]::before,
a[data-wpc-link*="dulce"]::before,
a[href*="afrutado"]::before,
a[data-wpc-link*="afrutado"]::before { content: "🍭 "; }
a[href*="citrico"]::before,
a[data-wpc-link*="citrico"]::before { content: "🍋 "; }
a[href*="terroso"]::before,
a[data-wpc-link*="terroso"]::before,
a[href*="kush"]::before,
a[data-wpc-link*="kush"]::before { content: "🌲 "; }
a[href*="diesel"]::before,
a[data-wpc-link*="diesel"]::before,
a[href*="quimico"]::before,
a[data-wpc-link*="quimico"]::before { content: "⛽ "; }
a[href*="incensado"]::before,
a[data-wpc-link*="incensado"]::before,
a[href*="haze"]::before,
a[data-wpc-link*="haze"]::before { content: "💨 "; }

/* Ocultar bloque nativo de filtros activos (ya los mostramos abajo) */
.wpc-filters-section-selected,
.wpc-filter-chips-list,
.wpc-filter-chips,
.wpc-active-filters,
.wpc-filters-widget-chips,
.wpc-filters-ul-chips,
.wpc-term-item.wpc-term-selected-chip,
.wpc-filters-mobile-chips,
.wpc-mobile-active-filters,
.wpc-inner-widget-chips-wrapper,
.wpc-filters-widget-top-container,
.wpc-filters-widget-content > ul.wpc-filter-chips-list,
.wpc-filters-widget-content > .wpc-filters-section:first-child:has(.wpc-filter-chip),
.wpc-filters-widget-content > .wpc-filters-section:has(a[href*="reset"]) {
    display: none !important;
}

/* Ocultar botón flotante de filtros en la Home */
.home .wpc-filters-open-button-container,
.home .wpc-filters-open-widget,
.home .wpc-filters-open-button,
.home .wpc-filters-widget-open {
    display: none !important;
}

/* Centrar el botón nativo de abrir filtros en móvil para que no pise a WhatsApp */
@media (max-width: 768px) {
    /* Aplicar el centrado SOLO al contenedor principal para evitar efecto "doble" */
    .wpc-filters-open-button-container {
        right: 50% !important;
        transform: translateX(50%) !important;
        bottom: 25px !important;
        z-index: 9999 !important;
    }
    
    /* Si el plugin usa otro contenedor base, lo centramos también */
    body:not(:has(.wpc-filters-open-button-container)) .wpc-filters-open-widget {
        right: 50% !important;
        transform: translateX(50%) !important;
        bottom: 25px !important;
        z-index: 9999 !important;
    }
}