/* --- CAMBIAR COLOR DE SELECCIÓN DE TEXTO EN TODA LA WEB --- */
::selection {
    background-color: var(--primary) !important; /* Ahora usamos tu variable de color corporativo */
    color: #ffffff !important;            /* Texto en blanco */
}

/* Para compatibilidad con versiones antiguas de Firefox */
::-moz-selection {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

/* ========================================================================= */
/* 🟢 FIXES GLOBALES PARA ANULAR LOS EFECTOS FANTASMA DE THEME.CSS           */
/* ========================================================================= */

/* 1. BLINDAJE DEL BOTÓN COMPRAR EN TARJETAS DE PRODUCTO */
button.btn-comprar-card, 
a.btn-comprar-card {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

button.btn-comprar-card:hover, 
button.btn-comprar-card:focus,
a.btn-comprar-card:hover {
    background-color: #1e293b !important; /* Color gris muy oscuro elegante */
    border-color: #1e293b !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Forzamos que el icono del carrito dentro del botón tampoco desaparezca */
button.btn-comprar-card:hover i,
a.btn-comprar-card:hover i {
    color: #ffffff !important;
}

/* 2. BLINDAJE DE LOS FILTROS LATERALES (CHECKBOXES Y TÍTULOS) */
.filter-sidebar .custom-control-label {
    color: #475569 !important; /* Gris oscuro por defecto */
    opacity: 1 !important;
}

.filter-sidebar .custom-control:hover .custom-control-label,
.filter-sidebar .custom-control-label:hover {
    color: var(--primary) !important; /* Cambia a tu color azul al pasar el ratón */
    background-color: transparent !important;
    opacity: 1 !important;
}

.filter-sidebar .custom-control-input:checked ~ .custom-control-label {
    color: var(--primary) !important;
    font-weight: bold !important;
}

/* 3. BLINDAJE DE LA PAGINACIÓN (NÚMEROS DE PÁGINA) */
.pagination-pro .page-item .page-link {
    color: #475569 !important; /* Gris oscuro */
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    opacity: 1 !important;
}

.pagination-pro .page-item.active .page-link,
.pagination-pro .page-item:hover .page-link,
.pagination-pro .page-item .page-link:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important; /* Forzamos el texto a blanco */
    opacity: 1 !important;
}