/*================================================
Theme Override - Colores Azul/Verde (Backend Style)
Elimina rosados y usa paleta tecnológica profesional
=================================================*/

:root {
    /* Colores principales - Azul (como Tabler backend) */
    --color-primary: #0d6efd;
    --color-primary-hover: #0b5ed7;
    --color-primary-light: #cfe2ff;
    
    /* Color secundario - Verde */
    --color-secondary: #198754;
    --color-secondary-hover: #157347;
    
    /* Colores de acento */
    --color-info: #0dcaf0;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-success: #198754;
}

/* Botones principales */
.default-btn,
.optional-btn,
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.default-btn:hover,
.optional-btn:hover,
.btn-primary:hover {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

/* Links y elementos interactivos */
a:hover,
.products-content h3 a:hover {
    color: var(--color-primary) !important;
}

/* Badges y etiquetas */
.badge.bg-success,
.new-tag {
    background-color: var(--color-success) !important;
}

.sale-tag {
    background-color: var(--color-danger) !important;
}

/* Iconos de redes sociales */
.social-link-simple a:hover {
    color: var(--color-primary) !important;
}

/* Navbar activo */
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
    color: var(--color-primary) !important;
}

/* Precios destacados */
.products-content .price .new-price {
    color: var(--color-primary) !important;
}

/* Botones de carrito */
.products-button ul li a:hover {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* Eliminar cualquier rastro de rosado */
.bg-pink,
.text-pink,
.color-pink {
    background-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

/* Footer links */
.single-footer-widget ul li a:hover {
    color: var(--color-primary) !important;
}

/* Formularios focus */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

/* Checkboxes y radios */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* Tabs activos */
.nav-tabs .nav-link.active {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--color-primary) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.pagination .page-link:hover {
    color: var(--color-primary) !important;
}

/* Spinners y loaders */
.spinner-border {
    color: var(--color-primary) !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--color-primary-light) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

/* Iconos - Forzar azul en todos los contextos */
.bx, .boxicons, i[class*="bx"] {
    color: inherit;
}

/* Iconos hover */
.contact-info-list i,
.products-button ul li a i,
.default-btn i,
.optional-btn i {
    color: var(--color-primary) !important;
}

/* Bordes y separadores */
hr, .border-primary {
    border-color: var(--color-primary) !important;
}

/* Subtotales y totales */
.cart-subtotal,
.cart-total,
.total-row,
.checkout-total {
    color: var(--color-primary) !important;
}

.cart-subtotal strong,
.cart-total strong,
.total-row strong {
    color: var(--color-primary) !important;
}

/* Headers de secciones */
.section-header,
.checkout-section h3,
.cart-section h3 {
    border-bottom-color: var(--color-primary) !important;
}

/* Eliminar CUALQUIER rastro de rosado */
*[style*="#e91e63"],
*[style*="#d81b60"],
*[style*="#f53f85"],
*[style*="rgb(233, 30, 99)"],
*[style*="rgba(233, 30, 99"] {
    color: var(--color-primary) !important;
    background-color: transparent !important;
    border-color: var(--color-primary) !important;
}