/* Estilos para tema Estándar */
/* Comentario: diseño clásico y limpio, sin animaciones complejas */

.category-filter.active {
    border-color: var(--tenant-primary);
    background-color: rgba(var(--tenant-primary-rgb), 0.1);
    color: var(--tenant-primary);
}

/* Estilos para botón de checkout - Asegurar visibilidad en producción */
/* Comentario: estilos con !important para garantizar que el botón siempre sea visible */
#checkout-form button[type="submit"] {
    background-color: #4F46E5 !important;
    color: #FFFFFF !important;
    border: none !important;
}

#checkout-form button[type="submit"]:hover {
    background-color: #4338CA !important;
    color: #FFFFFF !important;
}

#checkout-form button[type="submit"]:focus {
    outline: 2px solid #4F46E5 !important;
    outline-offset: 2px !important;
}

/* Responsive */
@media (max-width: 640px) {
    .category-filter {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }
}