/*
========================================================================
THEME CSS - RECONOCIMIENTOS HH
========================================================================
Estilos específicos para la tienda Reconocimientos HH
Colores: Azul (#1E3A8A), Plateado (#C0C0C0), Dorado (#FFD700)
========================================================================
*/

.tienda-hh {
    --color-primario: #1E3A8A;
    --color-secundario: #C0C0C0;
    --color-acento: #FFD700;
}

.tienda-hh .btn-primary {
    background-color: #1E3A8A;
    border-color: #1E3A8A;
}

.tienda-hh .btn-primary:hover {
    background-color: #152a6b;
    border-color: #152a6b;
}

.tienda-hh .navbar-brand strong {
    color: #1E3A8A;
}

.tienda-hh .nav-link:hover {
    color: #1E3A8A !important;
}

.tienda-hh .page-item.active .page-link {
    background-color: #1E3A8A;
    border-color: #1E3A8A;
}

.tienda-hh .badge.bg-primary {
    background-color: #1E3A8A !important;
}

.tienda-hh .text-primary {
    color: #1E3A8A !important;
}

.tienda-hh .border-primary {
    border-color: #1E3A8A !important;
}

.tienda-hh .form-check-input:checked {
    background-color: #1E3A8A;
    border-color: #1E3A8A;
}

.tienda-hh .btn-outline-primary {
    color: #1E3A8A;
    border-color: #1E3A8A;
}

.tienda-hh .btn-outline-primary:hover {
    background-color: #1E3A8A;
    border-color: #1E3A8A;
    color: white;
}

.tienda-hh .opcion-item.active {
    border-color: #1E3A8A !important;
    background-color: rgba(30, 58, 138, 0.1) !important;
}

/* Acentos dorados para elementos especiales */
.tienda-hh .producto-destacado {
    border: 2px solid #FFD700;
}

.tienda-hh .badge.badge-premium {
    background-color: #FFD700 !important;
    color: #1E3A8A !important;
}

/* Botón Agregar al Carrito - Usar colores similares a iDigraf (negro/gris oscuro) */
.tienda-hh #btnAgregarCarrito {
    background-color: #2C2C2C !important;
    opacity: 1 !important;
}

.tienda-hh #btnAgregarCarrito:hover {
    background-color: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 44, 44, 0.4);
}

.tienda-hh #btnAgregarCarrito:disabled {
    background-color: #C0C0C0 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}